/**
 * bispingen-touristik.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 #679503; medium-green 
 * @colordef #bed864; light-green 
 *
 * @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

 * Neue Variante
 * @colordef #89b244; medium-green 
 * @colordef #eaf0b4; light-green 
 * @colordef #b3ac69; medium-brown  e2d7c3
 * @colordef #fffee7; light-beige

 */ 

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

body { background: url(/lay/tile-bispingen2.png) repeat-x #fff; 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: #fffee7; border-right: .117em solid #89b244; border-left: .117em solid #89b244; }
div#wrapper { float: left; width: 78.333em; background: url(/lay/sidebar_bispingen.png) 0em 30em repeat-y; margin-top: 384px; }
div#content { float: right; width: 61.166em; padding: 1em 1em 0 0; margin-bottom: 0px; }
div#sidebar { float: left; width: 14.333em; background: #e2d7c3; margin-top: 25px; }
div#footer { position: relative; clear: both; width: 100%; height: 4em; top: 0px; }

div.attraktion div.imgbox { width: 18.333em; background: #fffee7; }

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

a#home { position: absolute; top: 1.2em; left: 2em; }
a#map { position: absolute; z-index: 98; top: 300px; right: 1em; color: #003D68; text-decoration: none; text-align: center; }
div#mapspacer { width: 150px; height: 100px; float: right; background: #fffee7; }
div#mapspacer2 { width: 150px; height: 50px; float: right; background: #fffee7; }

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

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

div#schnellfinder { position: absolute; bottom: 2em; left: -.083em; width: 14.617em; 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: #89b244;
	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: #89b244;
	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: #89b244;
	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 #89b244;
	background: #fff;
	color: #000;
	}
div#topnavi ul li:hover ul li:hover a,
div#topnavi ul li a:hover ul li a:hover {
	background: #89b244;
	color: #fff;
	}

/*========================== 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 #89b244; }
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 #89b244; }
div.infoguide h3 { display: block; padding: .143em .5em; font-size: 1.167em; font-weight: bold; color: #fff; background: #89b244; }
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% #89b244; }
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: #89b244; }


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

div#sidebar div.modul { width: 152px; background-color: #eaf0b4; padding: .833em; margin-bottom: 1.75em; }
div#sidebar h2 { display: block; width: 12.787em; padding: .167em .833em .083em .833em; color: #fff; background: #89b244; font-size: 1em; font-weight: bold; line-height: 1.75em; }
div#aufeinenblick { width: 12.687em; float: left; background: url(/lay/sidebaricons/aufeinenblick.png) no-repeat 11em .917em; line-height: 1.4;}
div#prospekte { width: 12.687em; background: url(/lay/sidebaricons/prospekte.png) no-repeat .5em .933em; min-height: 4.167em; }
div#veranstaltungen { width: 12.687em; background: url(/lay/sidebaricons/veranstaltungen.png) no-repeat .5em .933em; min-height: 4.167em; }
#gmapsidebar .gmap_eintraege { width: 172px; display: none; margin: -680px 0 0 -193px; position: absolute; font-size: 10px; line-height: 16px; }
#gmapsidebar .modulsidebargoogle { max-width: 170px; height: 600px; overflow-x: hidden; overflow-y: scroll; }


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


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

div#footernavi { background: #89b244; }


/*========================== SCROLLGALERIE Wie w�re es mit... =========================*/

body div#content a.scr-blaettern { float: left; margin: 80px 23px 0 23px; }
body div#content div.scr-maske { position: relative; float: left; width: 600px; height: 179px; padding: 0; background: none; overflow: hidden; }
body div#content ul.scr-galerie { position: absolute; top: 0; width: 2219em; padding: 0; background: none; }
body div#content ul.scr-galerie li { display: block; clear: none; float: left; width: 290px; height: 179px; margin: 0 5px; padding: 0; background-repeat: no-repeat; background-position: bottom left; }
body div#content ul.scr-galerie h3 a { display: block; float: left; width: 260px; height: 179px; padding: 12px 0 0 30px; background: url(/lay/bg-rb-scr-h3_green.gif) no-repeat; color: #fff; font-size: 14px; font-weight: bold; }

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

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

.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%; }