/**
 * www.tourismus-badfallingbostel.de
 *
 * Standard Layout (alle Seiten)
 *
 *
 * @colordef #fff; white
 * @colordef #ebebeb; light-grey2
 * @colordef #cccccc; light-grey1
 * @colordef #999999; medium-grey3
 * @colordef #777777; medium-grey2
 * @colordef #666666; medium-grey1
 * @colordef #4c4c4c; dark-grey3
 * @colordef #333333; dark-grey2
 * @colordef #1a1a1a; dark-grey1
 * @colordef #000; black
 * 
 * @colordef #687422; dark-green 
 * @colordef #c299c2; medium-lila 
 * @colordef #f7ecf7; light-lila 
 *
 * @colordef #bdd3e0; light-blue
 * @colordef #7099cc; medium-blue2
 * @colordef #6588a4; medium-blue1
 * @colordef #003d68; dark-blue
 *
 * @colordef #faf5d7; light-beige
 * @colordef #f4eab7; medium-beige
 * @colordef #e1d7c3; brown
 * @colordef #ff7e04; orange

 */ 

/*========================== MAIN ELEMENTS =========================*/

body { background: url(/lay/tile_badfallingbostel-dorfmark.jpg) repeat-x #e8e8e8; font: 75%/1.4 arial,helvetica,verdana,sans-serif; color: #000; }
div#container { float: left; display: inline; width: 78.333em; margin: 0 0 0 26px; background: #faf5d7; border-right: .167em solid #fff; border-left: .167em solid #fff; }
div#wrapper { float: left; width: 78.333em; background: url(/lay/line_badfallingbostel-dorfmark.gif) 14.7em 30em repeat-y; margin-top: 404px; }
div#content { float: right; width: 61.166em; padding: 0 1em 0 0; margin-bottom: 0px; }
div#footer { position: relative; clear: both; width: 100%; height: 4em; top: 0px; }


/*========================== HEADER ELEMENTS =========================*/

a#home { position: absolute; top: 1.2em; left: 3.5em; }
div#notizzettel { position: absolute; display: block; width: 160px; height: 121px; padding: 15px; z-index: 98; top: 1.2em; right: -5.0em; background: url(/lay/dorfmark_logo.jpg) no-repeat; }
div#notizzettel a.hierklicken { display: none; padding-left: 1.2em; background: url(/lay/transparent.gif) no-repeat 0 5px; width: 160px; height: 121px; }
a#map { position: absolute; z-index: 98; top: 300px; right: 1em; color: #003D68; text-decoration: none; text-align: center; }

div.box { float: left; width: 61em; border: 1px solid #c299c2; background: #fff; padding: .833em 0; }

/*========================== SCHNELLFINDER =========================*/

div#schnellfinder { position: absolute; bottom: 2em; left: -.083em; width: 20.917em; height: 8.217em; padding-top: .7em; background: url(/lay/bg-schnellfinder_lha.png) no-repeat; }
div#schnellfinder form { margin: 0 2.25em 0 .65em; }

/*========================== Alle Urlaubstipps ausblenden =========================*/

span.all { float: right; margin-top: 0.3em; font-size: .786em; visibility: hidden; }
span.all a { padding-left: 1.2em; background: url(../lay/link.gif) no-repeat 0 50%; color: #003d68; visibility: hidden; }

/*========================== NAVIGATION TOP =========================*/

div#navifix {
	clear: both;                              /*fix disappearing menu in IE6 */
	position: absolute;
	bottom: 0;
	right: 0;
	border: 0;
	width: 14em;
	height: 2.9em;
	color: #000;
	background: #c299c2;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	z-index: 1;
	}
div#topnavicontainer {
	clear: both;                              /*fix disappearing menu in IE6 */
	position: absolute;
	bottom: 0;
	left: 0;
	border: 0;
	width: 65em;
	height: 2.9em;
	color: #fff;
	background: #c299c2;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	z-index: 99;
	}
div#topnavi ul li:hover ul,
div#topnavi ul li a:hover ul {
	display: block;
	position: absolute;
	width: 21em;	
	z-index: 100;
	margin: 0;
	top: 2.4em;
	left: -1px;
	background: #c299c2;
	color: #000;
	}
div#topnavi ul li:hover ul li a,
div#topnavi ul li a:hover ul li a,
div#topnavi ul li:hover ul li a:link,
div#topnavi ul li a:hover ul li a:link { 
	display: block;
	width: 100%;
	border: 0;
	margin: 0;
	padding: .133em 0;
	height: auto;
	float: left;
	border-bottom: 1px solid #c299c2;
	background: #fff;
	color: #000;
	}
div#topnavi ul li:hover ul li:hover a,
div#topnavi ul li a:hover ul li a:hover {
	background: #c299c2;
	color: #fff;
	}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

div#topnavi ul li a,
div#topnavi ul li a:visited {
	padding: .6em .633em .6em .833em;
	}

/*========================== TEASER BOX =========================*/

div.teaser { position: relative; background: #fff; margin: 0 2.666em 2em 0; float: left;  width: 16.777em; height: 12.167em; padding: 10px; border: 1px solid #c299c2; }
div.teaser.last { margin-right: 0; }

/*========================== INFOGUIDE =========================*/

div.infoguide { position: relative; display: block; float: left; width: 18.333em; height: 15.333em; margin: 0 2.666em 2em 0; padding: 0; background: #fff; border: 1px solid #c299c2; }
div.infoguide h3 { display: block; padding: .143em .5em; font-size: 1.167em; font-weight: bold; color: #fff; background: #c299c2; }
div.infoguide a.infolink span { display: block; width: 8.833em; margin: 10.833em 0 0 7.667em; border: 1px solid #fff; padding: .1em .5em; background: url(/lay/infoguidelink.gif) no-repeat 8.333em 50% #c299c2; }
div.infoguide p.infoguide-btm, div.infoguide p.infoguide-btm-fix { display: block; position: absolute; bottom: 0; left: 0; width: 14.82em; margin: 0;  padding: .143em .5em; font-size: 1.167em; font-weight: bold; color: #fff; background: #c299c2; }


/*========================== SIDEBAR =========================*/

div#sidebar div.modul { width:13em;background-color: #f7ecf7; padding: .833em; margin-bottom: 1.75em; }
div#sidebar h2 { display: block; padding: .167em .833em .083em .833em; color: #fff; background: #c299c2; font-size: 1em; font-weight: bold; line-height: 1.75em; }
div#blick { float: left; background: url(../lay/dokument.jpg) no-repeat 11em .917em; line-height: 1.4;}


/* Social Bookmarks ausblenden */
div#sidebar ul.addbookmark a { background: #bdd3e0; padding: .4em; visibility: hidden;}

/*========================== Teaser Urlaubstipps =========================*/

div.box ul.urlaubstipps li .ortsangabe { font-weight:bold; line-height: 30px; visibility: hidden; }

/*========================== FOOTER =========================*/

div#footernavi { background: #c299c2; }



.breadcrumb li { float: left; margin: 0 .5em 10px 0; padding-right: 0; font-size: .833em; font-weight: bold; }
.breadcrumb li a { float: left; color: #000; padding-right: 1.7em; background: url(/lay/breadcrumb.gif) no-repeat right 50%; }