/* ----------------------------------------------------------------------
	speed.css-Datei			   	Version: 0.9
	Copyrights: Lasse Laube
				webdesign.e-laube.de

   ---------------------------------------------------------------------- */

* {
		margin:0;
		padding:0;
		border: 0;
		}

html, body {
		height:100%;
		behavior: url(csshover.htc); /* IE6 Hacks */
		margin:0; padding:0; font-size:1em;
		background-color: #555555;
 }

	#distance {
		width:1px;
		height:50%;
		background-color:#555555;
		margin-bottom:-350px; /* half of container's height */
		float:left;
		}

	#page {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:700px;
		width:950px;
		clear:left;
		background: transparent url(../img/background2.gif) top left repeat-x;
		}

.pin_container {
	position: absolute; top:0px; left:0px;
	margin:0; padding:0;
	width:150px; height:700px;
	background:transparent url(../img/pin_weiss.gif) top left no-repeat;
}

/* HEAD ----------------------------------------------------------------- */
.head_container { margin:5px 0 0 0; padding:0;  width:100%; float:left; color:#000; background-color: #9c121f /*#651E20*/;}

#headerpic {   margin:0; padding:4px 16px; height:115px;
					background-color:#000; float:left;
				}

  /* ------- Navigation ---------------------------------------*/


#naviblock {
	float: left;
	width: 100%;
	margin:0;
	padding: 13px 0 0 0;
	background: #9c121f url(../img/tab-line.gif) bottom left repeat-x;
	border:0;
}
#naviblock ul { margin: 0.3em 0 0 120px; padding: 0 0 0 1em;  list-style: none; font-size: 85%; }

#naviblock li {
	margin: 0 1px 0 0; padding:0 5px 0 0;
	font:bold 1em "Trebuchet MS", Helvetica,  Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/tab-back1.png) 100% -100px;
	float: left; border-bottom: 1px solid #bbb;
}

#naviblock li.active { border-bottom: 1px solid #fff5ee; background: url(../img/tab-back1.png) 100% 0; }
#naviblock li.active a, #naviblock li.active span { background: url(../img/tab-back1.png) 0 0; }
#naviblock li a, #naviblock li a:visited, #naviblock li span {
	display: block; float: left; padding: 5px 11px 0px 16px;
	text-align: center; white-space: nowrap; background: url(../img/tab-back1.png) 0 -100px;
	text-decoration: none; 	min-height: 20px; /* fixes FX/Mac issue */ 	color:#9c121f;
}
#naviblock li span { color: #000; }
#naviblock li img { vertical-align: middle; }
#naviblock li:hover { background: url(../img/tab-back1.png) 100% -200px; }
#naviblock li:hover a { background: url(../img/tab-back1.png) 0 -200px; }
#naviblock li.active:hover { background-position: 100% 0; }
#naviblock li.active:hover a { 	background-position: 0 0; 	text-decoration: underline; }


/* CONTENT -------------------------------------------------------------- */
.content_container {  z-index:100; height:500px; width:100%; padding-top: 0;	float:left;} /*	background:#fff5ee;*/
.content  {	margin:10px 0 0 170px; width:750px; }

.content-main { margin:10px 0 0 0; float: left; width:500px;  }
.widescreen { width:741px; margin-bottom:5px;}
.content-main p { margin: 0px 0 10px 15px; font:bold .8em Helvetica, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:1.7em;}

.content-infobox { margin:5px 0 10px 15px; margin-bottom:10px; padding:0 0 5px 0;  width:200px; float: left; text-align:left;
						 border-left: 1px solid #9c121f; border-right: 1px solid #9c121f; border-bottom: 2px solid #9c121f;
						 font-size:0.85em; background-color: #fff; float:left;}

.start { max-height:240px;}

.content-infobox h1, .content-infobox-flyer h1 { border: 1px solid #9c121f; background-color: #9c121f; color: #fff5ee;
						font-size: .95em;	line-height: .97em; padding-bottom:4px; text-align:center;}
.content-infobox p, .content-infobox-flyer p { margin: 2px; font-size: .85em; text-align: center; }
.content-infobox table,td { margin:0 0 0 10px; padding:0; border:0;}
.content-infobox form { margin:0; padding:0;}


/* event-infobox */
.events { float:left; width:718px;}

.event-infobox { margin:5px 0 10px 15px; margin-bottom:10px; padding:0;  width:200px; float: right; text-align:right;
						 border-left: 1px solid #9c121f; border-right: 1px solid #9c121f; border-bottom: 2px solid #9c121f;
						 font-size:0.85em; background-color: #fff; float:left;}

div.events .event-infobox { float:right;}

.mit_space { margin-right:32px;}

.event-infobox h1 { border: 1px solid #9c121f; background-color: #9c121f; color: #fff5ee;
						font-size: .95em;	line-height: .97em; padding-bottom:4px; margin:0; text-align:center;}

.event-infobox h1 a { color:#fff; text-decoration: none; margin:0; padding:0;}
.event-infobox h1 a:hover { text-decoration: underline;}

.event-infobox h1 a img { border:0; margin:0; padding: 0;}

/* infobox-flyer */
.infobox-flyer { margin:0 0 10px 10px; padding: 0;  width:100%; float: left; text-align:left;
				 border-left: 1px solid #EF1C21; /*#9c121f;*/ border-right: 1px solid #EF1C21; /*#9c121f;*/ border-bottom: 2px solid #EF1C21; /*#9c121f;*/
				 font-size:0.85em; background-color: #fff; float:left;
}
.infobox-flyer-footer { width:100%; margin-top:4px; padding: 4px 0 4px 0; background-color: #EF1C21; /*#9c121f;*/
						color: #fff5ee; line-height: .97em; text-align:center; float:left;
						font:bold .95em Helvetica,"Trebuchet MS",  Verdana, Arial, sans-serif;}


.infobox-flyer h1 { margin: 0 0 4px 0; border: 1px solid #EF1C21; /*#9c121f;*/ background-color: #EF1C21; /*#9c121f;*/ color: #fff5ee;
						font-size: .95em;	line-height: .97em; padding-bottom:4px; text-align:center;}
.infobox-flyer p { margin: 2px; font-size: .85em; text-align: center; }

.flyer { margin-left:5px; width:280px; float:left; line-height: 1.3em; }

/* FOOT ----------------------------------------------------------------- */
.foot_container { display: hidden; z-index:10;margin:0; padding:1px 0 1px 0; width:100%;	height:30px; float:left; }	/*background:#7b0d18;*/

.navifuss {	margin:0; padding:0 0 0 170px;}
.navifuss ul {	list-style: none;}
.navifuss li {	padding: 2px 4px 0 4px; display: inline; color:#9c121f; /*#fff5ee*/ white-space: nowrap;
					font:bold .8em "Trebuchet MS", Helvetica,  Verdana, Arial, Helvetica, sans-serif; }
.navifuss a { text-decoration: none; color:#000; } /*#fff5ee; */

/* FONTS ---------------------------------------------------------------- */

h1 { margin: 0px 0px 15px 0px; padding: 5px 0px 0px 10px; line-height:2em; color:#9c121f;
		font:bold 1.45em Helvetica,"Trebuchet MS",  Verdana, Arial, sans-serif;}
h2 { margin:0 0 5px 0; padding:0 0 0 0; color:#9c121f;
		font:bold 1.55em Verdana, Helvetica, "Trebuchet MS", Arial, sans-serif;}
h3 { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; color:#9c121f;
		font:bold 1em Helvetica,"Trebuchet MS",  Verdana, Arial, sans-serif;}
h4 { font:normal .85em Helvetica,"Trebuchet MS",  Verdana, Arial, sans-serif;}
p { margin:0 0 2px 0; padding:0 0 0 0; color:#000;
	font:normal .85em "Trebuchet MS", Helvetica,  Verdana, Arial, sans-serif;}
img { border:0; margin:0; padding:0; }
address, table { margin:0 0 2px 15px; padding:0 0 0 0; color:#000;
					font:normal .95em "Trebuchet MS", Helvetica,  Verdana, Arial, sans-serif;}


.impressum p, .impressum address { font-size:85%; line-height:1.2em; font-weight:normal; }
.elaube { font-size:100%; }
.impressumpic {width:246px; height:37px; background:#fff5ee url(../img/Speed_schriftzug_50.gif) top left no-repeat; }

ul { margin:4px 0 0 0; padding:0; }

#preise { 	font:normal 0.8em Helvetica, "Trebuchet MS",  Verdana, Arial, sans-serif;}
#preise .title { color:#7b0d18; font-size:115%; font-weight:bold; }
#preise .title_under { color:#7b0d18; font-size:115%; font-weight:bold; text-decoration:underline;}
#preise .preis { font-weight:bold; font-size:100%; text-align:right;}
#preise .uhrzeit { font-size:80%; vertical-align:top;}

div.event_img { margin: 0 40px 5px 10px; font-size:80%;}
div.event { border: 1px dashed #9c121f; margin: 0 40px 10px 10px; font-size:80%;}
.event h3 { background:#9c121f; color:#fff5ee; font-weight:bold; font-size:100%; line-height: 1em; padding-bottom:4px; }
.event h3 span {font-size:90%; font-weight:bold;}
.event h4 { margin:0; padding:0 0 0 10px; font-size:120%; font-weight:bold;}

.event p { font-size:90%; margin:0; padding:0 10px 5px 10px;}

.content-box { margin:10px 0 10px 5px; margin-bottom:10px; padding:0; width:480px; float: left;
					border-left: 1px solid #777777; border-right: 1px solid #777777; border-bottom: 3px solid #777777;}
.content-box h1 { border: 1px solid #777777;	background-color: #777777; color: #fff5ee;
						font-size: .95em; line-height: .97em; padding-bottom:4px; text-align:center;}
.content-box p { margin: 2px; font-size: .85em; text-align: center; }

.graybg {background-color: #f1f1f1;}


.anfskizze { float:left; width 32%; }

.anfskizze img {border: 1px solid #000;}

.anftxt {  float:left; width: 65%;}