body {
	background-image:url(img08/punkte_bkg.gif);
	margin:0px; padding:10px;
	text-align: center;	/* Zentrierung im Internet Explorer */
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}

#body {
	width:800px;
	margin: 0 auto;		/* Zentrierung für andere Browser */
  text-align: left;	/* Text wieder links ausrichten */
	border:1px solid #000000;
	background-color:#FFFFFF;
	position:relative;
	
	background-image:url(img08/linien800px.gif);
}

/******************************
 *** HEADER
 ******************************/

#body #header {
	height:180px; width:100%;
	background-image:url(img08/kopf.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:top right;
	position:relative;
}

#body #header #balken {
	height:15px;  width:100%;
	position:absolute;
	bottom:0px;
	background-image:url(img08/punkte_hell.gif);
	background-position:2px 2px;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#AAAAAA;
}

/******************************
 *** LEFT
 ******************************/
 
#body #left {
	width:25%;
	float:left;
	height:100%;
}

#body #left #menu {
	font-family: Georgia,Chicago,Charcoal,"Times New Roman",serif;
	font-size:13px;
}

#body #left #menu a {
	display:block;
	padding:10px 10px 10px 20px;
	margin:0px 5px 0px 5px;
	text-decoration:none;
	color:#606060;
	
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#AAAAAA;
	
	background-image:url(img08/pfeil.gif);
	background-repeat:no-repeat;
	background-position:5px center;
}


#body #left #menu a:hover {
	background-image:url(img08/pfeil_hover.gif);
	color:#FC0038;
}

#body #left #menu a.um1 {
	padding:10px 10px 10px 30px;
	margin:0px 5px 0px 5px;
	background-image:none;
	font-size:12px;
}

#body #left #menu a.um1:hover {
	background-image:url(img08/pfeil_hover.gif);
	background-position:15px center;
	color:#FC0038;
}


#body #left #banner a {
	border:0px solid #000000;
	color:#FFFFFF;
}

#body #left #banner div {
	background-color:#FC0038;
	margin:3px 5px 2px 5px;
	padding:5px 10px 5px 10px;
	color:#FFFFFF; font-size:15px; font-family:Georgia,Chicago,Charcoal,serif;
}

/******************************
 *** CENTER
 ******************************/

#body #center {
	width:50%;
	margin:0px 25% 0px 25%;
	/*float:right;*/
}

* html #body #center {
		display: inline;
		width:46%; margin:0px 27% 0px 27%;
}

#body #center #content {
	padding:0px 20px 0px 20px;
	margin:0px;
	position:relative;
}

#body #center #content h1,
#body #center #content h2,
#body #center #content h3 {
	font-family: Georgia,Chicago,Charcoal,"Times New Roman",serif;
}

#body #center #content h1 { font-size:24px; color:#FC0038; margin-top:18px; }
#body #center #content h2 { font-size:24px; color:#FC0038; margin-top:18px; }
#body #center #content h3 { font-size:18px; color:#666666; }
#body #center #content h4 { font-size:14px; color:#666666; }
#body #center #content p, li { font-size:12px; }
#body #center #content a { color:#FC0038; }
#body #center #content a:hover { text-decoration:none; }

#body #center #gewinnspiel {
	border:1px solid #D0D0D0;
	padding:0px 10px 10px 10px;
}

#body #center #gewinnspiel h2 {
	font-size:18px; color:#666666;
}

/* Promibox */

#body #center .promibox {
	width:48%;
	float:left;
}

#body #center .promibox p {
	margin:2px 0px 15px 0px;
}

/******************************
 *** TERMINE
 ******************************/

#body #center #content div.termin {
	border-top:1px solid #D0D0D0;
	padding:20px 0px 20px 0px;
}

#body #center #content div.termin img {
	margin:15px 10px 10px 0px;
	float:left;
	border: solid 1px black;
}

#body #center #content div.termin p.datum {
	padding:0px; margin:0px 0px 5px 0px;
	font-family: Georgia,Chicago,Charcoal,"Times New Roman",serif;
	font-size:14px;
}

#body #center #content div.termin h3 {
	padding:0px; margin:0px 0px 10px 0px;
}

#body #center #content div.termin p {
	padding:0px; margin:0px;
}

#body #center #content div.termin p.kartenbestellen {
	padding:0px; margin:0px;
	/*float:right;*/
}

#body #center #content .terminbild_gross {

	margin:5px -15px 5px -15px;
}

#body #center #content .termin img.terminbild_klein {
	margin:0px 10px 0px 0px;
}

#body #center #content .termin .termin_klein {
	font-size:15px;
}

/******************************
 *** COLUMNS
 ******************************/
 
#rightcol, #leftcol {
	border:1px solid #FFFFFF; /* Führ im FF dazu, dass die Columns sich nicht verschieben - warum auch immer. */
	padding:0px;
}
 
#rightcol {
	width:180px;
	float:right;
	margin:-0px -10px 0px -0px;
}

#leftcol {
	width:180px;
	margin:0px -0px 0px -10px;
	padding:0px;
}

#leftcol div, #rightcol div {
	width:180px;
	height:220px;
	border-bottom:1px solid #AAAAAA;
	margin:5px 0px 15px 0px;
}

#leftcol div h2, #rightcol div h2 {
	font-size:13px ! important;
	margin-bottom:7px;
}

#leftcol div  p, #rightcol div p {
	font-size:11px ! important;
}

#rightcol ul, #leftcol ul {
	margin:0px; padding:0px;
}

#rightcol li.termin, #leftcol li.termin {
	margin:5px 0px 15px 0px; padding:0;
	list-style-type:none;
}

#rightcol p, #leftcol p {
	margin:0px; padding:0px;
}

/******************************
 *** RIGHT
 ******************************/

#body #right {
	width:25%;
	float:right;
}

#body #right div {
	padding:10px;
	margin:5px;
	border-bottom:1px solid #BBBBBB;
}

* html #body #right {
	margin-left:10px;
}

* html #body #right div {
	padding:0px;
}

#body #right div.banner {
	background-color:#1111A5;
	text-align:center;
	border:0px;
	color:white;
	font-size:14px;
	font-weight:bold;
}

/*#body #right div.banner p {
	color:white;
	font-size:14px;
	font-weight:bold;
}*/

#body #right small {
	font-size:10px;
	color:white;
}

#body #right div.search input {
	width:100%;
	border:1px solid #FC0038;
	padding:3px;
	margin-left:-5px;
	color:#999999;
}

#body #right h1 { font-size:12px; color:#FC0038; margin:0px; }
#body #right h1.datum { font-size:11px; font-weight:normal; }
#body #right p { font-size:11px; margin:5px 0px 0px 0px; }
#body #right a { color:#666666; text-decoration:none; }
#body #right a:hover { text-decoration:underline; }

#body #right div img {
	margin-left:-10px;
	margin-top:-10px;
	margin-bottom:5px;
}

* html #body #right div img {
	margin-left:0px; margin-top:0px;
}

#body #right div.galerie {
	background-color:#EEEEEE;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#BBBBBB;
}
 

/******************************
 *** FOOTER
 ******************************/

#body #footer {
	float:none; clear:both;
	background-color:#FFFFFF;
	width:100%;
}

#body #footer #balken {
	height:15px; width:100%;
	top:0px;
	background-image:url(img08/punkte_hell.gif);
	background-position:2px 2px;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#AAAAAA;
}

#body #footer #banner {
	height:110px;
}

#body #footer #banner a img {
	border:0px;
}

#body #footer #banner #left, #body #footer #banner #right {
	width:50%; height:100%;
}

* html #body #footer #banner #left {
	float:left;
	display:inline;
	width:48%;
}

* html #body #footer #banner #right  {
	display:inline;
	width:48%;
}

#body #footer #banner #left { border-right:1px solid #AAAAAA; margin-right:-1px;}
#body #footer #banner #right div { background-color:#FC0038 ! important;}

#body #footer #impressum {
	padding:5px;
	background-color:#FFFFFF;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#AAAAAA;
}

#body #footer #impressum a {
	color:#000000; text-decoration:none;
}

#body #footer #impressum a:hover {
	text-decoration:underline;
}