@import url(reset.css);
@import url(lightbox.css);
@charset 'utf-8';
/* ----------------------------------------------------- All browsers */

/* CSS Document */


body{
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:10pt;*/
	font-size:12px;
	line-height:1.2em;
	padding-bottom:10px;
	color:#000;
}

.kein_zugriff{
	width:680px;
	height:350px;
	padding-top:70px;
	background:url(../img/sprite8.png) -330px -1090px no-repeat;	
}

.kein_zugriff .blasen_text{
	width:300px;
	height:60px;
	text-align:center;
	margin-left:20px;
}

a.grau{	

	color:#9C9C9C;
}

a {
	color: #000;
}

p{
	margin: 4px 0;
}

div#mainContainer {
	height:auto;
	margin:auto;
	text-align:left;
	width:1006px;
}

	div#banner_oben{
		height:90px;
		width:828px;
		text-align:right;
		/*background-color:#CDCDCD;*/
		margin-bottom:2px;
		margin-left:8px;
		padding-right:10px;
	/*	border: 1px solid #9C9C9C;*/
	}
	.ie6 div#banner_oben{
		margin-left:0;
		padding-right:0;
	}
	div#banner_rechts{
		float:right;
		width:160px;
		height:600px;
		/*background-color:#CDCDCD;*/
		
	}

	div#container{
		width:838px;
		height:auto;
	}
		
		
		div#container div#header{
			width:826px;
			height:101px;
			padding:6px;
			background:url(../img/sprite8.png) -4px -97px no-repeat;
		}
		
		div#container div.headershade{
			width:838px;
			height:15px;
			background:url(../img/sprite8.png) -3px -214px no-repeat;
		}
		
		
			div#container div#header div#log input.feld{
				width:309px;
				height:15px;
				border:none;
				font-size:11px;
				background: url(../img/sprite8.png) -368px -8px no-repeat;
				padding:3px;
				margin:2px 0;
			}
		
			div#container div#header div#log{
				float:right;
				width:385px;
				height:103px;
				font-size:12px;;
			}
			
			
			
			div#container div#header div#info{
				width:300px;
				height:18px;
				font-size:10px;
				color:#9C9C9C;
				font-style:italic;
			}
			div#container div#header div#info a{
				color:#9C9C9C;
			}
			
			div#container div#header div#logo{
				margin-top:8px;
				height:50px;
				width:248px;
				background: url(../img/sprite8.png) -3px -5px no-repeat;
			}
			div#container div#header div#logotext{
				height:20px;
				width:248px;
				text-align:center;
				color:#9C9C9C;
				font-size: 14px;
				font-weight:bold;
				font-style: italic;
			}
		
		
		div#container div#nav{
			width:838px;
			height:50px;
		}
		div#container div.start{
			background:url(../img/sprite8.png) -3px -227px no-repeat;	
		}
		
		div#container div.profil{
			background:url(../img/sprite8.png) -3px -284px no-repeat;	
		}
		div#container div.suchen{
			background:url(../img/sprite8.png) -3px -343px no-repeat;	
		}
		div#container div.anmelden{
			background:url(../img/sprite8.png) -3px -398px no-repeat;	
		}
		div#container div.shop{
			background:url(../img/sprite8.png) -3px -454px no-repeat;	
		}
		
		.navicon{
			text-align:center;
			padding-top:18px;
			/*font-size:15pt;*/
			font-size:18px;
			font-style:italic;
			font-weight:bold;
			color:#9C9C9C;
		}
		.navicon a{
			color:#9C9C9C;	
		}
		
		.navicon a:hover{
			color:#FF0000;
			text-decoration:none;
		}
		
		
		.big_caption{
			text-align:left;
			padding-top:15px;
			font-size:30px;
			font-style:italic;
			font-weight:bold;
			color:#9C9C9C;
			line-height:1.4em;
		}
		
		div#container .aktiv{
			color:#000;	
		}
		div#container .aktiv a{
			color:#000;	
		}
		div#container .aktiv a{
			color:#000;	
			text-decoration:none;
		}
		
		.rightfloat{
			float:right;
		}
		
		
		
		
		div#container div#subnav{
			background:url(../img/sprite8.png) -3px -520px no-repeat;
			width:838px;
			height:23px;
		}
		
		div#container div#subnav a{
			background:url(../img/sprite8.png) -420px -60px no-repeat;
			margin: 0 10px;
			color:#000;
			padding-left:35px;
			font-size:13px;
			font-weight:bold;
			font-style:italic;
		}
		
		.shopNavi {text-align:center; padding:0 10px;}
		.shopNavi a {margin:0 !important;}
		
		div#container div#subnav a.activ{
			color:#F00;
			text-decoration:none;
		}
		
		
		div#container div#subnav a:hover{
			color:#F00;
			text-decoration:none;
		}
		
		div#container div#meldung{
			width:826px;
			height:auto;
		}
		
		div#container div#content{
			width:828px;
			padding:5px;
			height:auto;
		}
		

div.agb{
	color:#6c6c6c;
}

div.agb p{
	margin-top:10px;
}

div.agb h2{
	margin-top:15px;
	font-weight:bold;
	font-size:14px;
}	

div.kalender{
	height:80px;
	width:130px;
	background:url(../img/sprite8.png) -110px -1070px no-repeat;
}
	
div.empfehlen{
	height: 85px;
	width:85px;
	background: url(../img/sprite8.png) -3px -1070px no-repeat;
}

div.hampelmann{
	height:250px;
	width:190px;
	background: url(../img/sprite8.png) -3px -1200px no-repeat;
}

div.divider{
	 float:left;
	 margin:0;
	 height:66px;
	 width:60px;
	 background: url(../img/mopedkette_60x16.jpg) center no-repeat;
}

div.margin_right{
	margin-right:3px;	
}
div.margin_left{
	margin-left:3px;
}

div.logo_klein{
	display:block;
	height:20px;
	width:102px;
	background:url(../img/sprite8.png) -167px -63px no-repeat;
}

div.damen_pics{
	width:396px;
	height:106px;
	background:url(../img/sprite8.png) -4px -944px no-repeat;
}

div.herren_pics{
	width:396px;
	height:106px;
	background:url(../img/sprite8.png) -408px -944px no-repeat;
}

div.public_caption{
		
	width:115px;
	height:85px;
	background:url(../img/sprite8.png) -700px -820px no-repeat;
}

.profilCaption{margin-top:5px; height:30px; line-height:30px; font-weight:bold; border-left:1px solid #9C9C9C; border-right:1px solid #9C9C9C; font-size:14px; font-style:italic; border-top:1px solid #9C9C9C; background: transparent url(../img/ueberschriftHintergrund2.png) repeat center; padding-left:10px;}
.boxSchatten {height:9px; background:transparent url(../img/schatten.png) repeat top left;}

div.muskelmann{
	width:150px;
	height:150px;
	background:url(../img/sprite8.png) -860px -930px no-repeat;
}

div.daten_meter_caption{
	padding-top:12px;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	color:#9C9C9C;
}

div.daten_meter{
	width:210px;
	height:45px;
	background:url(../img/sprite8.png) -340px -860px no-repeat;
}

div.video_meter{
	width:75px;
	height:60px;
	background:url(../img/sprite8.png) -200px -860px no-repeat;
	
}

div.momics{
	width:130px;
	height:45px;
	background:url(../img/sprite8.png) -200px -800px no-repeat;
	
}



div.bordered_box{
	border:solid 1px #9C9C9C;
}

div#content div.inner_left{
	width:410px;
}

div#content div.inner_right{
	width:410px;
	float:right;
}

div#content div.inner_left div.bordered_box, div#content div.inner_right div.bordered_box {
	width:398px;
	border:solid 1px #9C9C9C;
	padding:5px;
	margin:6px 0;
}

div.bordered_box div.caption{
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	margin-bottom:8px;
}


div.bordered_con_box{
	border:1px solid #9C9C9C;
	width:816px;
	padding:5px;
	text-align:center;	
}

div.h2caption{
	margin:4px 4px 8px 4px;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
}

ol.ordered_list{
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}



div.box{
	height:290px;
	width:265px;
	border:solid 2px #9C9C9C;
}
	div.box div.box_head{
		padding:5px;
		height:22px;
		width:255px;
		font-weight:bold;
		font-style:italic;
		font-size:14px;
		background:url(../img/sprite8.png) -291px -555px no-repeat;
	}
	div.box div.box_body{
		padding:5px;
		height:248px;
		width:255px;
	}

div.close{
	display:none;
	height:	17px;
	width:18px;
	margin:2px;
	background: url(../img/sprite8.png) -373px -57px no-repeat;
}

div.move{
	display:none;
	cursor: move;
	height: 25px;
	width: 26px;
	margin-right:3px;
	background: url(../img/sprite8.png) -485px -32px no-repeat;
}

div.move:hover{
	cursor: move;
	height: 25px;
	width: 26px;
	margin-right:3px;
	background: url(../img/sprite8.png) -452px -32px no-repeat;
}


.klein{
	color:#9C9C9C;
	font-size:10px;
	line-height:1.25em;
}

.reg_tab th, .reg_tab td, .termin_tab th, .termin_tab td{
	padding:2px;
	vertical-align:top;
}

.reg_tab th, .termin_tab th{
	font-style:italic;
	vertical-align:top;
	font-weight:bold;
	text-align:right;
	width:140px;
	padding-right:10px !important;
}
.termin_tab th{
	width:80px !important;	
}

/* POST-Styles */

table.post_tab{
	border-collapse: separate;
	border-spacing: 0px 3px;

}

/*table.post_tab tr{
	background:#d9d9d9;
	border:1px solid #9C9C9C !important;
}*/

table.post_tab td{
	padding:2px;
	border-top: 1px solid #9c9c9c;
	border-bottom: 1px solid #9c9c9c;
	vertical-align:middle;
}
table.post_tab td.left, table.post_tab th.left{
	border-left:1px solid #9c9c9c;
}
table.post_tab td.right, table.post_tab th.right{
	border-right:1px solid #9c9c9c;
}

table.post_tab th{
	padding:2px;
	font-style:italic;
	vertical-align:middle;
	font-weight:bold;
	border-top: 1px solid #9c9c9c;
	border-bottom: 1px solid #9c9c9c;
}


table.post_tab td.ungelesen{
	font-weight:bold;	
}

.post_subnav{
	padding-left:15px;
	width:200px;
	display:inline;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#9c9c9c;
}
.sel{
	color:#000 !important;	
}


span.result{
	color:blue;	
}


h1{
	display:block;
	font-size:20px;
	margin: 10px 0;
	font-style:italic;
	font-weight:bold;
	line-height:1.2em;
}


h2{
	display:block;
	font-size:17px;
	margin: 15px 0 8px 0;
}

h3{
	display:block;
	font-size:14px;
	margin: 15px 0 8px 0;
}



input.feld{
	width:309px;
	height:15px;
	border:none;
	font-size:11px;
	background: url(../img/sprite8.png) -368px -8px no-repeat;
	padding:3px;
	margin:2px 0;
}

input.feld_kurz{
	width: 157px;
	height:16px;
	border:none;
	font-size:11px;
	background: url(../img/sprite8.png) -368px -8px no-repeat;
	padding:3px;
	margin:2px 0;
}


textarea.feld{
	font-family:Arial, Helvetica, sans-serif;
	width:309px;
	height:80px;
	border:none;
	font-size:11px;
	background: url(../img/sprite8.png) -705px -3px no-repeat;
	padding:3px;
	margin:2px 0;
 }

label{
	display:block;
	float:left;
	width:150px;	
}


div.foto{
	height:	60px;
	width:45px;
	padding:3px;
	background:url(../img/sprite8.png) -315px -8px no-repeat;
}
div.foto_gross{
	font-style:italic;
	height:100px;
	width:120px;
	padding:80px 10px 5px 10px;
	background:url(../img/sprite8.png) -860px -725px no-repeat;
}

div.pictureContainer
{
	text-align: center;
	overflow: hidden;
	/* background-color: #ff80ff; */
}	

div.pictureContainerBike
{
	text-align: center;
	overflow: hidden;
	display:inline;
	margin:2px;
	/* background-color: #ff80ff; */
}	

	div.pictureContainer img, div.pictureContainerBike img
	{
		margin: auto;
		/* ... */
	}


.but1{
	text-align:center;
	font-size:11px;
	font-style:italic;
	height:24px;
	width:55px;
	border:none;
	padding-right:8px;
	padding-bottom:2px;
	background:url(../img/sprite8.png) -259px -7px no-repeat;
	cursor:pointer;
}
.but2{
	text-align:center;
	font-size:11px;
	font-style:italic;
	height:24px;
	width:57px;
	padding-left:9px;
	padding-bottom:5px;
	border:none;
	background:url(../img/sprite8.png) -251px -32px no-repeat;
	cursor:pointer;
}

.but3{
	height:21px;
	width:105px;
	padding-top:6px;
	text-align:center;
	padding-left:15px;
	padding-right:40px;
	background:url(../img/sprite8.png) -859px -319px no-repeat;
}
	.but3 a{
		font-size:11px;
		font-style:italic;
		font-weight:bold;
		color:#000;
	}
	
	.but3 a:hover{
		color:#F00;
		text-decoration:none !important;
	}



div.box_verlauf{
	background:url(../img/sprite8.png) -705px -3px no-repeat;
	height:70px;
	width:295px;
	padding:10px;
}

div.publikum
{
	background:url(../img/sprite8.png) -4px -750px no-repeat;
	height:35px;
	width:300px;
	float:right;
}

div.ausstattung
{
	background:url(../img/sprite8.png) -340px -750px no-repeat;
	height:35px;
	width:250px;
	float:right;
}

div.beschreibung
{
	background:url(../img/sprite8.png) -705px -750px no-repeat;
	height:45px;
	width:80px;
	float: right;
}

div.stopuhr
{
	background:url(../img/sprite8.png) -620px -750px no-repeat;
	height:40px;
	width:65px;
	float: right;
}

div.toptreff
{
	background:url(../img/sprite8.png) -4px -790px no-repeat;
	height:100px;
	width:150px;
	float: right;
}

div.toptreffEmpty
{
	height:100px;
	width:150px;
	float: right;
}

.detailHeadline
{
	background-color:#E4E4E4;
	padding: 10px;
	font-size:20px;
	font-style:italic;
	font-weight: bold;
	line-height: 120%;
}

div.bikeCaption{
	width:260px;
	height:40px;
	background:url(../img/sprite8.png) -340px -800px no-repeat;
}

/* POST STYLES */
div.postBote{
	width:150px;
	height:95px;
	background:url(../img/sprite8.png) -95px -625px no-repeat;
}

div.postDeliver{
	width:75px;
	height:50px;
	background:url(../img/sprite8.png) -265px -680px no-repeat;
}
div.postDeliver_inactive{
	width:75px;
	height:50px;
	background:url(../img/sprite8.png) -265px -625px no-repeat;
}

div.postKarten{
	width:150px;
	height:50px;
	background:url(../img/sprite8.png) -370px -680px no-repeat;
}
div.postKarten_inactive{
	width:150px;
	height:50px;
	background:url(../img/sprite8.png) -370px -625px no-repeat;
}

div.postFeder{
	width:110px;
	height:50px;
	background:url(../img/sprite8.png) -525px -680px no-repeat;
}
div.postFeder_inactive{
	width:110px;
	height:50px;
	background:url(../img/sprite8.png) -525px -625px no-repeat;
}


div.postSubnav{
	width:554px;
	height:18px;
	padding-left:260px;
	padding-top:2px;	
}

div.detailTop
{
	border:solid 1px #9C9C9C;
	padding: 20px 20px 10px 10px;
}

a {
	text-decoration:none;
	color:inherit;
}

.smallHeadline
{
	font-weight: bold;
	font-style: italic;
}

a:hover {
	text-decoration:underline;	
}


div.ok{
	margin:3px;
	width:810px;
	border:2px #0C0 solid;
	color:#090;
	font-weight:bold;
	padding:8px;
	text-align:center;
}
div.no{
	margin:3px;
	width:810px;
	border:2px #F00000 solid;
	color:#900;
	font-weight:bold;
	padding:8px;
	text-align:center;
}

.error{
	color:#900;	
}

table.about td{
	padding:15px 10px;;
	text-align:justify;
	vertical-align:top;
}

.naviLeiste
{
	margin-top: 20px;
}

#post_naviLeiste .naviLeiste
{
	display:inline;
	margin: 0;
}

.naviEintragActive
{
	margin-left: 10px;
	font-weight: bold;
}

.naviEintrag
{
	color: red;
	margin-left: 10px;
}



/*input{
	border: solid 1px #333;
	color:#333;
	margin-top:2px;
	padding:2px;
}*/

div.searchBox
{
	margin-bottom: 20px;
	margin-left: 20px; 
	float:left; 
	border: 1px solid #9C9C9C; 
	width:250px; 
	height: 50px; 
	padding: 10px 0 10px 0;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	width:250px;
	border: 1px solid #000;
	background-color: #FDCA02;
	padding: 5px;
	opacity: 0.9;
}
#tooltip h3, #tooltip div { margin: 0; }


.ie6 div.searchBox
{
	margin-bottom: 20px;
	margin-left: 15px; 
	float:left; 
	border: 1px solid #9C9C9C; 
	width:250px; 
	height: 50px; 
	padding: 10px 0 10px 0;
}
div.innerSearchBoxLeft
{
	float: left; 
	width: 100px;
}

div.innerSearchBoxRight
{
	float: left; 
	width: 150px;
}

.searchBoxHeadline
{
	font-weight: bold; 
	font-size: 14px; 
	font-style: italic; 
	color: rgb(156, 156, 156);
}

.produktListe
{
	float:left;
	padding: 5px;
	width: 180px;
	margin-right: 10px;
	border: 1px solid #9C9C9C;
}

.produktListe .caption, .kasseForm label{font-weight:bold; font-style:italic;}

.produktDetail
{
	padding: 10px;
	width: 600px;
	float:left;
	border: 1px solid #9C9C9C;
}

.produktText
{
	width: 300px;
}

.produktBilder
{
	width: 280px;
	float: right;
	text-align: center;
}

.produktBildKlein
{
	width: 83px;
	margin: 5px;
	float:left;
	text-align:center;
}

.produktBildKleinContainter
{
	width: 280px;
	text-align: center;
	margin-top: 20px;
}

.produktBildGross
{
	text-align:center;
}

.produktHeadline {text-align:center; font-size:22px; line-height:24px; margin-bottom:30px; margin-top:10px; font-weight:bold;}
.bestellForm {text-align:left; padding:5px;}
.produkPreis {font-size:16px; margin-bottom:10px; font-weight:bold;}
table.warenkorb {width:100%;}
table.warenkorb .th {font-weight:bold;}
table.warenkorb .td {}
table.warenkorb tr.row1 {background-color:none;}
table.warenkorb tr.row2 {background-color:#E4E4E4;}
.fehler {color:red;margin-bottom:30px;}
.bezeichner{float:left;width:200px;}

.floatbox {overflow:hidden;}

.formContainer {}
	.formContainer label {font-weight:bold; font-style:italic; text-align:right; padding: 2px 15px 0 0; line-height:20px;}

/* Microbloging */

.blogContainer{border-top:1px solid #9C9C9C;}
.blogMsg {background-color:#FDCA02; padding: 0 10px; line-height:24px; height:24px; font-style:italic;}
.blogHeadlineRight {text-align:right; width:230px; float:right;}
	.blogHeadlineRight a.icon, .replyHead a.icon {position:relative; top:2px;}
.blogHeadlineLeft {line-height:24px; font-size:15px; height:24px; background: transparent url('/img/blog_sprechblase.png') center left no-repeat; padding-left:60px;}
.blogContent {padding: 5px 10px; border-top:1px solid #9C9C9C;}
.replyFormBox {display:none; margin: 5px;}
.replyForm {border:1px solid black;background-color:#F0F0FF; padding:3px;}
.replyContainer {margin-left:15px;}
.replyBox {border:1px solid #9C9C9C;margin:5px;background-color:#F0F0FF; padding:3px;}
.replyImgBox {float:left; width:50px;}
.replyContent {margin-left:55px;}
.replyHead {color:#9C9C9C; font-style:italic;}
.replyHeadRight{float:right; padding-right:10px;}
.replyHeadLeft {font-size:14px; font-weight:bold;}

.friendRejectLink {background: url(/img/exfreund.gif) no-repeat left center; padding:4px 0 4px 25px; margin-left:20px;}
.friendConfirmLink {background: url(/img/freund.jpg) no-repeat left center; padding:4px 0 4px 45px;}

/* Touren */
.tourHead {}
.tourLeft {margin-right:510px;}
	.tourLeft .bordered_box {padding:6px;}
.tourRight { width:500px;float:right;}
.tourBildContainer {border:1px solid #9C9C9C; padding:0 5px;}
	.tourBildContainer img {margin:5px;}
span.label {width:100px; float: left;font-weight:bold; text-align:left;}
span.data {}
.datarow {line-height:16px; text-align:left; margin:4px 0;}
/* /Touren */


/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }
.ie6 .floatbox {width:100%;}