/* *** Style Markelsheim.de *** */

html {
	overflow: 				scroll;
}
body {
	background-color: 		#DDDDDD;
	font-size: 				0.85em;
	font-family: 			Tahoma, Arial, Sans-Serif;
	color:					#444444;
	padding:				0px;
	margin:					0px;
	text-align:				center;

}

/* ----------container to center the layout-------- */
#container {
	width:					900px;
	background-color:		#FFFFFF;
	margin-left: 			auto;
	margin-right: 			auto;
	text-align:				left;
	border:					5px solid #EEEEEE;
}

/* ----------banner for logo-------------- */
#kopf {
	background-color:		#EEEEEE;
	float:					left;
	width:					100%;
	height:					145px;
	overflow:				hidden;
}

#servicemenu {
	background-color: 		#2668B0;
	width:					100%;
	float:					left;
	font-family: 			Verdana, Arial, Sans-Serif;
	font-size:				0.85em;
}
#servicemenu a {
	display:				block;
	float:					left;
	color:					#FFFFFF;
	text-decoration:		none;
	text-align:				left;
	padding:				5px 10px 5px 10px;
}
#servicemenu a:hover {
	color:					#2668B0;
	background-color:		#EEEEEE;
}
a.topmenu, a.logobox {
	display:	 				block;
	float:					left;
	width:					170px;
	height:					27px;
	padding-top:			93px;
	margin-right:			6px;
	background-position:	center;
	font-size:				1.6em;
	font-style:				italic;
	font-weight:			bold;
	text-decoration:		none;
	vertical-align:		bottom;
	text-align:				center;
}

a.topmenu:hover div {			color:				#FFFFFF;    }
a.topmenu:hover div.gelb {	background-color:	#A39D34; 	}
a.topmenu:hover div.blau {	background-color:	#2668B0; 	}
a.topmenu:hover div.gruen {	background-color:	#467B43; 	}
a.topmenu:hover div.rot {		background-color:	#E75335; 	}

a.logobox {
	width:					195px;
	height:					110px;
	padding-top:			3px;
	font-size:				2em;
	line-height:			1em;
	font-family: 			Times, Serif;
	font-style:				normal;
}
a.logobox:hover {
	background-color:		#FFFFFF;
}
div.logofuss {
	width:					200px;
	float:					left;
	color:					#FFFFFF;
	text-align:				center;
	font-size:				0.85em;
	line-height:			0.95em;
	padding-top:			2px;
}


.bggelb { 	background-color:		#FAF7B8; }
.gelb {		color:					#A39D34; }
.bgblau { 	background-color:		#D4E1EF; }
.blau {		color:					#2668B0; }
.dblau {		color:					#004187; }
.bggruen { 	background-color:		#DDE7DD; }
.gruen {		color:					#467B43; }
.bgrot { 	background-color:		#F5BAAE; }
.rot {		color:					#E75335; }
.grau {		color:					#888888; }
.bghgrau{	background-color:		#EEEEEE; }
.weiss {		color:					#FFFFFF; }
.bgweiss{	background-color:		#FFFFFF; }



/* --------------left and right navi------------- */
#left {
 width:						200px;
 min-height:  				400px;
 height:					100%;
 overflow:					visible;
 background-color:			#EEEEEE;
 float:						left;
}

#right, #rightbox {
 width:						180px;
 float:						right;
 margin-left:				-180px;
 margin-top:				20px;
}
#rightbox {
 margin-left:				-180px;
 background-color:			#EEEEEE;
 border:					1px solid #AAAAAA;
 border-right:				0;
 margin-top:				20px;
 font-size:					0.9em;
}



/* -----------------content--------------------- */
#content, #contentbreit {
	float:					left;
	margin:					0px 10px 10px 20px;
	width:					500px;
}
#contentbreit {
	width:					650px;
	border-right:			0px;
}

/*  ----------------footer---------------------- */
#footer {
	clear:					both;
	background-color:		#2668B0;
	color:					#FFFFFF;
	height:					14px;
	font-size:				0.85em;
	padding:				5px 0 3px 0;
	margin:					0px;
	text-align: 			center;
}
#footer a{
	text-decoration:		none;
	color:					#FFFFFF;
}


/*- Menu --------------------------- */

#menu {
	font-family: 				Verdana, Arial, Sans-Serif;
	font-size: 					1em;
	margin: 					0 0 2px 0;
}

#menu a.m1, #menu a.m1:link, #menu a.m1:visited, #menu a.m1aktiv {
	background-color:			#D4E1EF;
	color: 						#2668B0;
	border-top:					2px solid #FFFFFF;
	min-height:					16px;
	text-decoration: 			none;
	display: 					block;
	padding: 					3px 0 3px 10px;
	font-size: 					0.95em;
	font-weight:				bold;
}

#menu a.m1:hover, #menu a.m1aktiv {
	background-color:			#2668B0;
	color:						#FFFFFF;
}

#menu a.m2, #menu a.m2:link, #menu a.m2:visited, #menu a.m2aktiv {
	background-color:			#EEEEEE;
	color: 						#2668B0;
	font-size:					0.9em;
	text-decoration: 			none;
	display: 					block;
	padding: 					3px 0 3px 10px;
	margin:						0 0 0 10px;
}

#menu a.m2:hover, #menu a.m2aktiv {
	background-color:			#FFFFFF;
}
#menu a.m2aktiv { font-weight:	bold;		}

#menu a.m3, #menu a.m3:link, #menu a.m3:visited, #menu a.m3aktiv {
	color: 						#191919;
	height: 					16px;
	text-decoration: 			none;
	display: 					block;
	padding: 					2px 0 0 10px;
	margin:						0 0 0 15px;
}

#menu a.m3:hover, #menu a.m3aktiv {
	background-color:			#B0B0B0;
}
/*
#menu a.m1aktiv, #menu a.m2aktiv, #menu a.m3aktiv {
	background-image:			url(/images/list_image.gif);
	background-repeat:			no-repeat;
	background-position:		right center;
}
*/
#menu a p {
	padding: 3px;
}


a, a:active {	color: 				#2668B0;}
a:visited {	color:					#3678C0;	}
a:hover {	color: 					#4688D0;	}
a.pdf {
	background-image:				url(/images/ico_pdf.gif);
	background-repeat:				no-repeat;
	padding-left:					20px;
}

h1 {
	font-size: 					1.6em;
	text-transform:				uppercase;
	font-style:					italic;
	font-weight:				bold;
	letter-spacing:				1px;
	color:						#2668B0;
	padding:					10px 0 0 0;
	margin:						0.5em 0 0.5em 0;
}

h2 {
	font-size:					1.3em;
	font-weight: 				bold;
	font-style:					italic;
	color:						#666666;
	padding: 					5px 10px 5px 0;
	margin:						0 0 5px 0;
}
h3 {
	margin-bottom: 				0.3em;
}
#left h2, #right h2, #rightbox h2 {
	color:						#FFFFFF;
	background-color: 			#2668B0;
	text-align:					center;
	margin:						0px;
	padding:			 		5px 0 5px 0;
}

#left div.block, #right div.block, #rightbox div.block {
	padding:					10px 5px 10px 5px;
	border-bottom:				1px solid #888888;
}

/*
div.einleitung, p.einleitung {
	font-weight:				bold;
	color:						#888888;
}

div.sitemap {
	padding:					10px;
}
div.sitemap a.m1 {
	margin-left:				10px;
}
*/

div.halb, div.halb1, div.halb2 {
	float:						left;
	width:						49%;
	padding-right:				0.5%;
}
div.halb2 {
	width:						49.5%;
	padding-right:				0;
	float:						right;
}

ul {
	margin-top:					0;
	margin-bottom:				0;
	padding-top:				0;
}
/*li {
	list-style-type:			square;
	list-style-image:			url(images/list_image.gif);
	margin-bottom:				3px;
}
*/
blockquote {
	margin-top:					5px;
	margin-bottom:				3px;
}

img.bild {
	margin:						5px;
	border:						5px solid #EEEEEE;
	border-left-color:			#DDDDDD;
	border-bottom-color:		#DDDDDD;
}
img.rechts {
	float:						right;
	margin:						0 0 10px 15px;
}
img.links {
	clear:						left;
	float:						left;
	margin:						0 10px 10px 0;
}

p.zentriert, p.center, p.mitte, div.zentriert, div.center, div.mitte {
	text-align:					center;
}

hr.trenner {
	width:						66%;
	text-align:					center;
	margin:						0 auto 0.5em auto;
	background-color:			#2668B0;
	height:						3px;
}

/* Definition der versch. Templates */
div.abschnitt {
	padding:	  					5px 0 0 0;
	clear:						right;
}
div.rechts {
	float:						right;
	margin-left:				10px;
	width:						250px;
	overflow:					visible;
}
a.titel, span.titel, h3 {
	font-size:					1.1em;
	font-weight:				bold;
}

div.infokasten {
	font-size:					0.85em;
	background-color:			#FFFFFF;
	margin:						20px 5px 20px 0;
	padding:					5px 2px 5px 2px;
}

.kleiner {			font-size:			0.92em;		}
.klein, .small {		font-size:			0.85em;		}
.winzig, .tiny {		font-size:			0.7em;		}
.gross, .big    {		font-size:			1.3em;		}
.riesig, .huge {		font-size:			2em;		}


/* Tabelle - Veranstaltungskalender */
table.kalender {
	width:						100%;
	border:						0;
}
table.kalender td {
	padding:					2px;
}

/*  Markierung im Ortsplan */
div#marker {
	overflow:	hidden;
	display:		none;
	border:		5px dotted #FF0000;
	width:		0px;
	height:		0px;
	z-index:		3;
	position:	relative;
	top:			0;
	left:			0;
}


table.bildergalerie img {
	border:		5px solid #BBBBBB;
}


#ticker {
	width:						180px;
	height:						140px;
	text-align:					center;
	padding-top:				5px;
	white-space:				nowrap;
}
#ticker img {
	border:						0;
}

div.adressdtail {
	margin-bottom:				1em;
}
div.adressdetail div.bgblau {
	padding:					2px;
	margin-bottom:				2px;
}
div.adressdetail div.halb2  {
	padding:					2px;
}
table.unterkunft {
	width:						100%;
	margin-bottom:				5px;
}
table.unterkunft th {
	background-color:			#D4E1EF;
	vertical-align:				bottom;
}
table.zimmer {
	width:						100%;
	border:						0;
	margin:						0 0 5px 0;
	border-spacing:				0;
	border-collapse:			collapse;
}	
table.zimmer  td, table.zimmer th{
	border:						1px solid #FFFFFF;
	border-width:				0 2px 1px 2px;
	margin:						0;
	padding:					1px 2px 1px 0;
	vertical-align:				top;
}
table.zimmer th {
	vertical-align:				bottom;
	font-size:					0.96em;
}
div.ausstattung {
	margin-top:					5px;
	padding:					2px 0 5px 0;
}
a.ortsplan {
	background-color:			#EEEEEE;
	padding:					1px 1px 2px 1px;
	border:						1px dashed #CCCCCC;
	margin-left:				5px;
	font-weight:				bold;
	font-size:					0.9em;
	text-decoration:			none;
}
span.wertung, b.wertung {
	font-weight:				bold;
	font-size:					1.1em;
	line-height:				1em;
	color:						#004187;
	font-family:				"Arial Black", Arial;
}
div.legende {
	clear:						both;
	font-size:					0.85em;
}
div.legende li {
	width:						200px;
	float:						left;
	list-style-type:			none;
	line-height:				100%;
	margin-bottom:				5px;
}
div.legende img {
	height:						21px;
}

/*- Formulare --------------------------- */
/*
form, form table {
	width:						500px;
	border-width:				0px;
	border-spacing:			0px;
}
form td {
	padding:						1px 0 1px 5px;
}
form tr.kopf, form tr.fuss, form tr.kopf {
	background-color:			#00A657;
	height:						20px;
	font-weight:				bold;
	color:						#FFFFFF;
}
form tr.fuss {
	background-color:			#909090;
}
form tr.zeile {
	border-bottom:				1px solid gray;
	vertical-align:			top;
}
form tr.grau {
	background-color:			#C7E6D8;
}
input, textarea {
	width:						300px;
	float:						right;
	font-size:					11px;
	font-family: 				Arial, Sans-Serif;
	padding:						2px;
	border:						1px solid #606060;
}
form .pflicht {
	background-color:			#C7E6D8;
	border-width:				1px;
	border-color:				#000000;
}
input.knopf {
	border:						1px solid #191919;
	padding:                0 5px 0 5px;
	background-color:			#00A657;
	color:						#FFFFFF;
	width:						auto;
}
*/

/*- Druckausgabe --------------------------- */


@media print {

#container {
	width:					650px;
	border:					0;
}

#content, #contentbreit {
	padding:				0;
	margin:					0;
}
#contentbreit{
	width:					100%;
}


#left, #menu, #servicemenu, a.topmenu, .noprint {
	visibility:				hidden;
	display:				none;
	width:					1px;
}

#footer {
	color:					#191919;
	border:					none;
}

a.logobox {
	float:					right;
}

}