body {
	margin:0;
	background:url(../images/background.jpg) repeat-x #fefefe;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
}
img {
	padding:0;
	margin:0;
	border:none;
}
HR {
	width: 100%; 
	color:#CCCCCC; 
	background-color: #CCCCCC; 
	height: 1px;
	border: 0px solid;
	*border-style: dotted;
}


/* BACKGROUND Start */
#back1 {
	width:800px;
	height:0;
	margin:0 auto;
} 
#back2 {
	width:1184px;
	height:737px;
	margin-left:-192px;
	background:url(../images/background-header.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
/* BACKGROUND Ende */

#page {
	width:800px;
	height:737px;
	margin:0 auto;
	padding:0px;
}

#page a#logo {
	display:block;
	position:relative;
	left:320px;
	height:100px;
	width:160px;
}

#left {
	margin:200px 0 25px 0;
	width:295px;
	float:left;
}
a.kontaktbutton {
	width:244px;
	height:35px;
	background:url(../images/kontaktbutton-off.gif);
	overflow:hidden;
	line-height:150px;
	display:block;
	outline:none!Important;
}
a.kontaktbutton:hover {
	background:url(../images/kontaktbutton-on.gif);
}

a#button-mit-fahrer {
	width:244px;
	height:65px;
	background-image:url(../images/ccb-button-mit-fahrer.gif);
	background-position: 0 0px;
	display:block;
	line-height:200px;
	overflow:hidden;
	outline:none!Important;
}
a#button-mit-fahrer:hover {
	background-position: 0 65px;
}
a#button-ohne-fahrer {
	width:244px;
	height:65px;
	background-image:url(../images/ccb-button-ohne-fahrer.gif);
	background-position: 0 0px;
	display:block;
	line-height:200px;
	overflow:hidden;
	outline:none!Important;
}
a#button-ohne-fahrer:hover {
	background-position: 0 65px;
}

a#button-gutscheine {
	width:244px;
	height:35px;
	background-image:url(../images/ccb-button-gutscheine.gif);
	background-position: 0 0px;
	display:block;
	line-height:200px;
	overflow:hidden;
	outline:none!Important;
}
a#button-gutscheine:hover {
	background-position: 0 35px;
}

#center {
	margin:85px 15px 25px 0;
	width:250px;
	float:left;
}

#right {
	margin:85px 0 25px 0;
	width:240px;
	float:left;
}

h1, h2 {
	font-size:22px;
	color:#eb770e;
	margin:0;
	height:15px;
}
h3 {
	font-size:18px;
	color:#eb770e;
	margin:0;
	height:10px;
}


#footer {
	text-align:center;
	padding:30px 0 0 0;
	width:800;
	clear:both;
	background:url(../images/footer-deviderline.gif) no-repeat top;
	color:#999999;
}
#footer a {
	color:#999999;
	font-size:12px;
	margin:0 10px 0 10px;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer a.aktiv {
	text-decoration:underline;
}

#footer .googleanalytics-info {
	width:auto;
	height:auto;
	padding:20px;
	line-height:normal;
	font-size:11px;
}

/* MENÜ Start*/
#page #navi {
	margin-top:-100px;
	padding:17px 0 0 294px;
	width:490px;
	height:250px;
}
#page #navi ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#page #navi ul a.angebot {
	position:relative;
	top:88px;
	overflow:hidden;
	line-height:210px;
	float:left;
	color:#fff;
	width:110px;
	height:56px;
	background:url(../images/navi-angebot-no.gif) no-repeat;
	outline:none!Important;
}
#page #navi ul a.angebot:hover {
	background:url(../images/navi-angebot-akt.jpg) no-repeat;
}
#page #navi ul a.angebot-active {
	position:relative;
	top:88px;
	overflow:hidden;
	line-height:210px;
	float:left;
	color:#fff;
	width:110px;
	height:56px;
	background:url(../images/navi-angebot-ho.gif) no-repeat;
}
#page #navi ul a.angebot-active:hover {
	background:url(../images/navi-angebot-akt.jpg) no-repeat;
}
#page #navi ul a.preise {
	top:92px;
	position:relative;
	overflow:hidden;
	line-height:210px;
	float:left;
	color:#fff;
	width:91px;
	height:53px;
	background:url(../images/navi-preise-no.gif) no-repeat;
	outline:none!Important;
}
#page #navi ul a.preise:hover {
	background:url(../images/navi-preise-akt.jpg);
}
#page #navi ul a.preise-active {
	top:92px;
	position:relative;
	overflow:hidden;
	line-height:210px;
	float:left;
	color:#fff;
	width:91px;
	height:53px;
	background:url(../images/navi-preise-ho.gif) no-repeat;
}
#page #navi ul a.preise-active:hover {
	background:url(../images/navi-preise-akt.jpg);
}
#page #navi ul a.gallery {
	top:51px;
	left:-13px;
	position:relative;
	overflow:hidden;
	line-height:210px;
	float:left;
	color:#fff;
	width:105px;
	height:80px;
	background:url(../images/navi-gallery-no.gif) no-repeat;
	outline:none!Important;
}
#page #navi ul a.gallery:hover {
	background:url(../images/navi-gallery-akt.jpg) no-repeat;
}
#page #navi ul a.gallery-active {
	top:51px;
	left:-13px;
	position:relative;
	overflow:hidden;
	line-height:210px;
	float:left;
	color:#fff;
	width:105px;
	height:80px;
	background:url(../images/navi-gallery-ho.gif) no-repeat;
}
#page #navi ul a.gallery-active:hover {
	background:url(../images/navi-gallery-akt.jpg) no-repeat;
}
#page #navi ul a.kontakt {
	top:-17px;
	left:-38px;
	position:relative;
	overflow:hidden;
	line-height:210px;
	float:left;
	color:#fff;
	width:101px;
	height:100px;
	background:url(../images/navi-kontakt-no.gif) no-repeat;
	outline:none!Important;
}
#page #navi ul a.kontakt:hover {
	background:url(../images/navi-kontakt-akt.jpg) no-repeat;
}
#page #navi ul a.kontakt-active {
	top:-17px;
	left:-38px;
	position:relative;
	overflow:hidden;
	line-height:210px;
	float:left;
	color:#fff;
	width:101px;
	height:100px;
	background:url(../images/navi-kontakt-ho.gif) no-repeat;
}
#page #navi ul a.kontakt-active:hover {
	background:url(../images/navi-kontakt-akt.jpg) no-repeat;
}
/* MENÜ Ende*/

/* ANGEBOT Start*/
#left-angebot {
	margin:200px 25px 25px 0;
	width:250px;
	float:left;
}

#center-angebot {
	margin:85px 25px 25px 0;
	width:250px;
	float:left;
}

#right-angebot {
	margin:85px 0 25px 0;
	width:250px;
	float:left;
	font-size:11px;
	line-height:16px;
}
#right-angebot h3{
	font-size:18px;
	color:#555555;
	margin:0;
	height:15px;
	text-transform:uppercase;
}

#left-angebot .highlight {
	font-size:18px;
	line-height:24px;
	color:#eb770e;
}

#left-angebot .info {
	background:#feeb81;
	color:#e55600;
	padding:15px;
	font-size:11px;
	line-height:16px;
}
#center-angebot .zitat {
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	line-height:29px;
}
/* ANGEBOT Ende*/

/* PREISE Start*/
#left-preise {
	margin:200px 0 25px 0;
	width:285px;
	float:left;
}

#right-preise {
	margin:85px 0 25px 0;
	width:505px;
	float:left;
}
#right-preise .preise{
	font-size:12px;
	color:#000;
}
#right-preise .preise .dark{
	background:#eda305;
	padding:4px 7px;
}
#right-preise .preise .light{
	background: #edc405;
	padding:4px 7px;
}
#right-preise .preise .light2{
	background:#ed7505;
	padding:4px 7px;
}
/* PREISE Ende*/

/* GALLERY Start*/
#left-gallery {
	margin:200px 0 25px 0;
	width:285px;
	float:left;
}
#right-gallery {
	margin:85px 0 25px 0;
	width:515px;
	float:left;
}
#right-gallery h2 {
	height:35px;
}
#right-gallery a, a.bilder-gallery {
	display: inline-block;
	border:5px solid #fff;
	margin:0 5px 10px 0;
	float:left;
}
#right-gallery a:hover, a.bilder-gallery:hover {
	display: inline-block;
	border:5px solid #ba2438;
}
/* GALLERY Ende*/

/* KONTAKT Start*/
#left-kontakt {
	margin:200px 20px 25px 0;
	width:270px;
	float:left;
}

#right-kontakt {
	margin:85px 0 25px 0;
	width:510px;
	float:left;
}

textarea {
	border:0px;
	background:#fff;
	color:#000;
	height:200px;
	width:270px;
	*width:367px;
	padding:5px;
	border:1px solid #999999;
}

input.eingabefeld {
	border:0px;
	background:#fff;
	color:#000;
	padding:5px;
	border:1px solid #999999;
	width:120px;
}

#radiobuttons label
	{
	padding: 0 0 0 10px;
	}
	
.left
	{
	float:left;
	}

.right
	{
	float:left;
	}
.clear
	{
	clear:both;
	}
div#submit
	{
	padding:30px;

	}

/* KONTAKT Ende*/


/*					perpedalo Sideswitcher			*/

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

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