@charset "utf-8";

/* GLOBAL SETTINGS */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:22px;
	color:#fff;
	background:url(../img/background.jpg) repeat-x 0 26px #a0bc4e;
	overflow-x: hidden;
}

hr {
	width:100%!important; 
	color:#8fa747!important; 
	background-color:#8fa747!important; 
	height:1px!important;
	border:0px solid!important;
	*border-style:dotted!important;
}

a, img {
	border:none;
}

a {
	color:#ffe400;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


#back1 {
	width:864px;
	height:0;
	margin:0 auto;
}
 
#back2 {
	width:1707px;
	height:768px;
	margin-left:-425px;
	background:url(../img/background-startseite.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:-10; 
}

#head {
	width:864px;
	height:563px;
	margin:0 auto;
	position:relative;
	top:0;
	left:15px;
}

#head .logo {
	height:50px;
	width:130px;
	float:left;
	margin:72px 38px 0 0px;
}
#head .menue {
	height:120px;
	width:680px;
	float:left;
}


/*Navi START*/

/* mainheader */
#level1 { position:relative; top:-1px; float:left; width: 679px; height:124px; z-index: 1;}
#level1 #mainnav { margin: 0; padding: 0; }
#level1 #mainnav li { display: inline; }
#level1 #mainnav li a { float: left; width: 679px; height: 0; padding-top: 124px; overflow: hidden; outline:none!Important;}
#level1 #mainnav li a { background-image: url(../img/menue.png); _background-image: url(../img/menue.gif); background-repeat: no-repeat; }

/* BUTTONS */
#level1 #mainnav li#balcken a { background-position: 0 0; width:138px; cursor: default;}
#level1 #mainnav li#startseite a { background-position: -138px 0; width:122px; }
#level1 #mainnav li#stadtfuehrungen a { background-position: -260px 0; width:169px; }
#level1 #mainnav li#gutscheine a { background-position: -430px 0; width:125px; }
#level1 #mainnav li#kontakt a { background-position: -556px 0; width:124px; }

/* OVER STATES */
#level1 #mainnav li#startseite a:hover { background-position: -138px -124px; }
#level1 #mainnav li#stadtfuehrungen a:hover { background-position: -260px -124px; }
#level1 #mainnav li#gutscheine a:hover { background-position: -430px -124px; }
#level1 #mainnav li#kontakt a:hover { background-position: -556px -124px; }

/* PRESSED STATES */
#level1 #mainnav li#startseite a:active { background-position: -138px -124px; }
#level1 #mainnav li#stadtfuehrungen a:active { background-position: -260px -124px; }
#level1 #mainnav li#gutscheine a:active { background-position: -430px -124px; }
#level1 #mainnav li#kontakt a:active { background-position: -556px -124px; }

/* ON STATES */
#level1.startseite #mainnav li#startseite a { background-position: -138px -124px !important; }
#level1.stadtfuehrungen #mainnav li#stadtfuehrungen a { background-position: -260px -124px !important; }
#level1.gutscheine #mainnav li#gutscheine a { background-position: -430px -124px !important; }
#level1.kontakt #mainnav li#kontakt a { background-position: -556px -124px !important; }

/*Navi ENDE*/

#head .map {
	position:relative;
	top:0px;
	left:-18px;
	height:375px;
	width:590px;
	float:left;
	background:url(../img/map.png) no-repeat;
	z-index:1;
}

#head .map .perpedes {
	height:55px;
	width:55px;
	position:relative;
	top:47px;
	left:45px;
}
#head .map .perpedes img {
	height:55px;
	width:55px;
}
#head .map .perpedes a {
	outline:none!Important;
}
#head .map .kombi {
	height:65px;
	width:65px;
	position:relative;
	top:123px;
	left:273px;
}
#head .map .kombi img {
	height:65px;
	width:65px;
}
#head .map .kombi a {
	outline:none!Important;
	z-index:999;
}
#head .map .ccb {
	height:44px;
	width:44px;
	position:relative;
	top:-73px;
	left:309px;
}
#head .map .ccb img {
	height:44px;
	width:44px;
}
#head .map .ccb a {
	outline:none!Important;
}
#head .map .segway {
	height:34px;
	width:34px;
	position:relative;
	top:-125px;
	left:387px;
}
#head .map .segway {
	height:34px;
	width:34px;
}
#head .map .segway a {
	outline:none!Important;
}

#head .map .rikscha {
	height:65px;
	width:65px;
	position:relative;
	top:-202px;
	left:188px;
}
#head .map .rikscha img {
	height:55px;
	width:55px;
}
#head .map .rikscha a {
	outline:none!Important;
}

a .test
	{
	display:block;
	position:relative;
	height:100%;
	}	
a .test .spanbox
	{
	visibility:hidden;
	}
a .test:hover .spanbox
	{
	display: inline-table;
	visibility:visible;
  	width:290px;
	position:relative;
	top:-90px;
	left:25px;
  	height:129px;
	padding:15px 10px 15px 15px;
	z-index:30;
	line-height:19px;
	background:url(../img/postit.png) no-repeat;
  	font-size:15px;
	color:#0a628b;
	font-weight:normal;
 	}
a .test .spanbox h2
	{
	font-size:18px;
	margin:0 0 3px 0;
	padding:0;
	font-weight:normal;
	color:#0A628B;
	}

#content {
	height:auto;
	width:864px;
	margin:0 auto 280px auto;
	clear:both;
	position:relative;
	top:-94px;
	left:15px
}
#content .left {
	height:auto;
	width:401px;
	float:left;
	margin-right:18px;
	margin-bottom:18px
}
#content .right {
	height:auto;
	width:401px;
	float:left;
}

/*Startseite START*/

#head .headline-startseite {
	position:relative;
	top:38px;
	height:132px;
	width:864px;
	clear:both;
	background:url(../img/headline-startseite.png) left no-repeat;
}

#content .left .teaser-buchen {
	position:relative;
	left:-57px;
	padding:0 0 0 75px;
	height:245px;
	width:383px;
	background:url(../img/teaser-buchen.jpg) no-repeat;
}
#content .left a#button-buchen {
	width:364px;
	height:34px;
	background-image:url(../img/button-buchen.gif);
	background-position: 0 0px;
	display:block;
	line-height:200px;
	overflow:hidden;
	position:relative;
	top:193px;
	outline:none!Important;
}
#content .left a#button-buchen:hover {
	background-position: 0 34px;
}

#content .right .teaser-startseite-fuehrungen {
	position:relative;
	z-index:999;
	height:100%;
	width:361px;
	padding:20px;
	background:url(../img/startseite-fuehrungen-back.png) no-repeat;
	float:left;
	font-size:15px;
}
#content .right .teaser-startseite-fuehrungen h3 {
	background:url(../img/headline-teaser-stadtfuehrungen-startseite.gif) no-repeat;
	overflow:hidden;
	line-height:200px;
	height:20px;
	width:361px;
	margin:-2px 0 8px 0;
}
#content .right .teaser-startseite-fuehrungen .tabelle {
	position:relative;
	left:-17px;
	width:380px;
}
#content .right .teaser-startseite-fuehrungen .tabelle .dark1 {
	padding:0px 5px 0px 5px;
	height:29px;
	background:url(../img/tabelle-light.gif) no-repeat #e8f0d2;
}
#content .right .teaser-startseite-fuehrungen .tabelle .dark2 {
	background:#e8f0d2;
	padding:0px 5px 0px 5px;
	height:29px;
}
#content .right .teaser-startseite-fuehrungen .tabelle .light1 {
	padding:0px 5px 0px 5px;
	height:29px;
	background:url(../img/tabelle-light.gif) no-repeat #deeac0;
}
#content .right .teaser-startseite-fuehrungen .tabelle .light2 {
	padding:0px 5px 0px 5px;
	height:29px;
	background:#deeac0;
}
#content .right .teaser-startseite-fuehrungen .tabelle td {
	padding:0 0 0 10px;
}
#content .right .teaser-startseite-fuehrungen .tabelle .arrow, #content .right .teaser-startseite-fuehrungen .tabelle .arrow {
	width:225px;
	padding:0 0 0 25px;
}
#content .right .teaser-startseite-fuehrungen .tabelle .arrow:hover, #content .right .teaser-startseite-fuehrungen .tabelle .arrow:hover {
	background:url(../img/arrow-startseite-fuehrungen.gif) 0px 0 no-repeat;
}
#content .right .teaser-startseite-fuehrungen .tabelle a {
	text-decoration:none;
	color:#0a628b;
}
#content .right .teaser-startseite-fuehrungen .tabelle a:hover {
	text-decoration:underline;
	color:#0a628b;
}

#content #gallery {
	clear:both;
	height:247px;
	width:854px;
	background:url(../img/gallery-back.jpg) repeat-x;
	position:relative;
	left:-17px;
	outline:none!Important;
}

/*Startseite END*/

/*Stadtführungen START*/
#head .fotos-tagcloud {
	position:relative;
	top:5px;
	margin-bottom:80px;
	left:-53px;
	height:441px;
	width:714px;
	float:left;
	background:url(../img/fotos-tagcloud.png) no-repeat;
	z-index:1;
}

	/* TARIFE INFOBOXEN START */
	div#tarifinfo
		{
		width:931px !Important;
		height:385px;
		background-image:url(../img/tarifebox-back.png);
		background-repeat:no-repeat;
		position:relative;
		left:-56px;
		font-size:15px;
		line-height:16px;
		}
	
	div#tarifinfo ul
		{
		position:relative;
		top:19px;
		left:35px !Important;
		}
	
	div#tarifinfo li
		{
		list-style:none;
		padding-right:0!Important;
		position:static!Important;
		top:0px!Important;
		left:0px!Important;
		height:35px;
		}
	
	div#tarifinfo li .mainli
		{
		color:#0a628b;
		height:34px;
		width:391px;
		display:block;
		text-decoration:none;
		margin-bottom:1px;
		padding:0 -10px 0 0;
		z-index:87;
		background:url(../img/tarifebox-button.png) no-repeat;
		outline:none!Important;
		}
	
	div#tarifinfo li .mainli:hover
		{
		background-position:0 -34px;
		color:#fff;
		width:391px;
		font-weight:normal!Important;
		}
	
		
		
		
		
	div#tarifinfo li .angebot {
		padding-left:38px;
		padding-top:8px;
		width:205px;
		float:left;
	}
	div#tarifinfo li .angebot:hover {
		width:205px;
	}
	
	div#tarifinfo li .zeit {
		border-left:1px solid #a1bd52;
		width:73px;
		float:left;
		padding-left:7px;
		padding-top:4px;
		line-height:30px;
	}
	div#tarifinfo li .preis {
		border-left:1px solid #a1bd52;
		width:57px;
		float:left;
		padding-left:7px;
		padding-top:4px;
		line-height:30px;
	}
	div#tarifinfo li .inaktiv, div#tarifinfo li .inaktiv:hover {
		background:url(../img/tarifebox-button-inaktiv.png) no-repeat;
	}
	
	
	
	
	.t_pics
		{
		width:352px;
		height:276px;
		position:absolute;
		left:453px;
		top:19px;
		*left:391px;
		}
	
	div#tarifinfo li .mainli .t_pics
		{
		display:none;
		}
	
	div#tarifinfo li .mainli:hover .t_pics
		{
		display:block;
		}
	
	.klick_pic
		{
		background-image:url(http://www.koeln-rikscha.de/img/imglink.jpg);
		position:relative!Important;
		top:0px!Important;
		}
		
	div#tarifinfo li .mainli:hover .klick_pic
		{
		background-image:url(http://www.koeln-rikscha.de/img/imghover.jpg);
		}
	
	div#tarifinfo li .mainli:hover .firstchild
		{
		margin-right:12px;
		}
	
	.subpics
		{
		width:373px;
		height:259px;
		position:absolute;
		top:-5px;
		left:36px;
		*left:41px;
		z-index:68;
		border:5px solid #fcd901;
		}
	
	.klick_pic .subpics
		{
		display:none;
		margin-top:5px;
		}
	
	.klick_pic:hover .subpics
		{
		display:block;
		z-index:11;
		}
	
	
	.preise {
		color:#fff;
		background:#D06300;
		padding:0px 3px 0px 3px;
	}	
	
	/* CCB Preise */
	table.preise {
		color:#fff;
		background:#D06300;
		padding:0px 3px 0px 3px;
		font-size:12px;
		line-height:14px;
	}		
	td.dark {
		background:#c15c00;
	}
	
	/* SUBPIC Sightseeing */
	#sp_sightseeing
		{
		background-image:url(../img/sp-sightseeing.jpg);
		}
		
	/* SUBPIC Sightseeing-Kombitour */
	#sp_sightseeing-kombitour
		{
		background-image:url(../img/sp-sightseeing-kombitour.jpg);
		}
	
	/* SUBPIC Et is wie et is */
	#sp_et-is-wie-et-is
		{
		background-image:url(../img/sp-et-is-wie-et-is.jpg);
		}	
	
	/* SUBPIC Brauhaustour */
	#sp_brauhaustour
		{
		background-image:url(../img/sp-brauhaustour.jpg);
		}

	/* SUBPIC CCAA */	
	#sp_ccaa
		{
		background-image:url(../img/sp-ccaa.jpg);
		}

	
	/* SUBPIC Südstadt */
	#sp_suedstadt
		{
		background-image:url(../img/sp-suedstadt.jpg);
		}

	
	/* SUBPIC Panoramajogging öffentlich */	
	#sp_panoramajogging
		{
		background-image:url(../img/sp-panoramajogging.jpg);
		}

	/* SUBPIC Panoramajogging Gruppe */
	#sp_panoramajogging-gruppe
		{
		background-image:url(../img/sp-panoramajogging-gruppe.jpg);
		}
		
	/* SUBPIC Stadtlauf */
	#sp_stadtlauf
		{
		background-image:url(../img/sp-stadtlauf.jpg);
		}		
	
	
	
	#sp_foto
		{
		background-image:url(http://www.koeln-rikscha.de/img/tarife_fotocd.jpg);
		}	
	
	/* SUBPIC RHEINAUHAFENTOUR */
	#sp_rheinauhafen
		{
		background-image:url(http://www.koeln-rikscha.de/img/tarife_rheinauhafen1.jpg);
		}
	
	
	#sp_eltern
		{
		background-image:url(http://www.koeln-rikscha.de/img/tarife_eltern.jpg);
		}	
		
		
		
	.klick_pic
		{
		height:19px;
		width:25px;
		display:block;
		float:right;
		position:relative;
		left:0px;
		margin-left:5px;
		top:-16px;
		cursor:pointer;
		}
	.klick_pic h2
		{
		color:#ec822c;
		margin-bottom:15px;
		}
	
	div#tarifinfo li .mainli .spanbox
		{
		visibility:hidden;
		}
	
	div#tarifinfo li .mainli:hover .spanbox
		{
		display:block;
		visibility:visible;
		width:175px;
		position:relative;
		top:-34px;
		left:-187px;
		height:79px;
		padding:5px;
		z-index:30;
		line-height:15px;
		clear:both;
		
		background:url(../img/postit-tarife.png) no-repeat;
		font-size:11px;
		color:#fff;
		font-weight:normal;
		}
	/* TARIFE INFOBOXEN END*/	

#content .left .perpedes-konzept {
	padding:0 0 0 20px;
	
}
h2 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#516c04;
	text-transform:uppercase;
	font-weight:normal;
}
#content .right .teaser-eco {
	width:341px;
	height:251px;
	background:url(../img/teaser-eco-background.png) no-repeat;
	padding: 10px 30px;
	color:#0a628b;
}
#content .right .teaser-eco h3 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#516c04;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
}
#content .right .teaser-eco a#button-anfrage {
	width:220px;
	height:36px;
	background-image:url(../img/button-anfrage.gif);
	background-position: 0 0px;
	display:block;
	line-height:200px;
	overflow:hidden;
	cursor:pointer;
	margin-top:-10px;
}
#content .right .teaser-eco a#button-anfrage:hover {
	background-position: 0 36px;
}

#smart-gallery {
	width:420px;
}
#smart-gallery .gallery-rahmen {
	height:90px;
	width:90px;
	background:url(../img/gallery-rahmen.png) repeat;
	padding:14px;
	float:left;
	margin:0 20px 20px 0;
}
#smart-gallery .gallery-rahmen:hover {
	background:url(../img/gallery-rahmen-hover.png) repeat;
}
#smart-gallery .gallery-rahmen a {
	display:block;
	height:90px;
	width:90px;
	border:1px solid #fff;
	background:url(../img/gallery-rahmen.png) repeat;
}



/*Kontakt Start*/

#head .kontakt-header {
	position:relative;
	top:-3px;
	margin-bottom:0px;
	left:-110px;
	height:534px;
	width:843px;
	float:left;
	background:url(../img/kontakt-header.png) no-repeat;
	z-index:999999;
}

/*Kontakt End*/


/*Stadtführungen END*/

#content #footer {
	clear:both;
	height:auto;
	width:820px;
	background:url(../img/footer-line.gif) top no-repeat;
	position:relative;
	top:50px;
	padding:11px 0 0 0;
	text-align:center;
	font-size:11px;
	color:#e0eac0;
	line-height:20px;
}
#content #footer .googleanalytics-info {
	width:auto;
	height:auto;
	padding:20px;
	line-height:normal;
}

.kontakt {
	color:#0A628B;
}








/*					Gutscheine.html					*/
#gutscheintabelle .dark {
	background:#7F9F1D;
	padding:2px 5px 2px 5px;
}
#gutscheintabelle .light {
	background:#92AF36;
	padding:2px 5px 2px 5px;
}
#gutscheintabelle a {
	color:#fff;
}
#gutscheintabelle {
	font-size:15px;
}



.ccb-button {
	height:90px;
	width:370px;
	background:url(../img/ccb-button.png) no-repeat;
	margin:-35px 0 0 -40px;
	padding:190px 0 0 40px;
}

.rikscha-button {
	height:90px;
	width:405px;
	background:url(../img/rikscha-button.png) no-repeat;
	margin:-35px 0 0 -75px;
	padding:195px 0 0 75px;
}


/*					perpedalo Sideswitcher			*/

#sideswitcher {
	height:25px;
	background:#484848;
	width:100%;
	border-bottom:1px solid #fff;
}
#sideswitcher .position {
	margin:0 auto;
	width:500px;
	padding-left:50px;
}
#sideswitcher .position a {
	color:#cccccc;
	text-transform:uppercase;
	font-size:10px;
	padding:1px 10px 0 10px;
	height:24px;
	display:block;
	float:left;
	outline:none;
	border-left:1px solid #484848;
	width:150px;
}
#sideswitcher .position a:hover { 
	color:#e2e2e2;
	text-decoration:none;
	background: url(../img/sideswitcher-arrow-perpedes.gif) no-repeat center 21px #000;
	z-index:999999;
}
#sideswitcher .position a.aktiv {
	color:#fff;
	text-decoration:none;
	background: url(../img/sideswitcher-arrow-perpedes.gif) no-repeat center 21px #000;
}
#sideswitcher .position a.perpedalo {
	background: url(../img/sideswitcher-perpedalo.gif) no-repeat;
	line-height:100px;
	margin:0 2px;
	overflow:hidden;
}
#sideswitcher .position a.perpedalo:hover {
	background: url(../img/sideswitcher-perpedalo-aktiv.gif) no-repeat;
}

#sideswitcher .position a .test
	{
	display:block;
	position:relative;
	height:25px;
	margin-top:-22px;
	
	}	
#sideswitcher .position a .test .spanbox
	{
	visibility:hidden;
	}
#sideswitcher .position a .test:hover .spanbox
	{
	display: inline-table;
	visibility:visible;
  	width:191px;
	position:relative;
	top:20px;
	left:-10px;
  	height:129px;
	padding:0px 4px 5px 4px;
	z-index:30;
	line-height:14px;
	background:#000;
  	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-transform:none;
 	}
#sideswitcher .position a .test:hover .spanbox img
	{
	border:none;
	padding:4px 0 5px 0;
 	}