/* JQUERY TOOLS OVERLAY and EXPOSE */

.apple_overlay {
	display:none;
	background-image:url(/map2web/images/overlay_bg.png);
	width:727px;		
	padding: 5px;
}

.apple_overlay .close {
	background-image:url(/map2web/images/close_overlay.png);
	position:absolute; 
	right: -3px; 
	top: -12px;
	cursor:pointer;
	height: 35px;
	width: 35px;
}

/* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(/map2web/images/overlay_bg.png);
	height:469px;
	}
	
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:469px;
	overflow-y:auto;
	}

	
/* Overlay Content Styles */

/* Left content pane */

#overlayContainer #info {
	padding: 50px 0 0 18px;
	width: 200px;
}	

#overlayContainer h1 {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 0.2em;
}

#overlayContainer p.address {
	margin-top: 0;
	line-height: 1.4;
}

#overlayContainer p.contact {
	line-height: 1.4;
	margin: 1.2em 0;
}

/* Right content pane */

#overlayContent {
	position:absolute;
	top: 26px;
	left: 233px;
	width: 480px;
	height: 430px;
}

#overlayContainer a {
	color: #0d2ed4;
	text-decoration: none;
}

#overlayContainer a:hover {
	text-decoration: underline;
}	

#overlayContainer h2 {
	font-size: 14px;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 1em;
}

#overlayContainer div.information img {
	float:left;
	margin: 5px 15px 10px 0;
}


/* tab pane styling */
#overlayContainer div.panesdiv {
	position:relative;
	display:none;		
	padding-top: 0px;
	height: 385px;
	background-color:#fff;
	overflow-y: auto;
	overflow-x: hidden;
	line-height: 1.6;
}	

#overlayContainer ul.tabs {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#overlayContainer ul.tabs li {
	list-style-type: none;
	display:inline;
	 text-align:left;
	padding:0;
	color: #0d2ed4;
}

#overlayContainer ul.tabs li span {
	margin: 0 5px;
}

#overlayContainer ul.tabs li a.current {
	font-weight: bold;
}

/* Scrollable Galerie */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.imageWrap {
	width:457px;
	text-align:center;
	}

.scrollable {
	/* required settings */
	position:relative;
	float:left;
	overflow:hidden;
	width: 396px;
	height:75px;
	margin-left: 33px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:396px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:3px 3px 0 3px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:87px;
	height:62px;
	cursor:pointer;
}

/* active item */
.scrollable .active {
	border:1px solid #0d2ed4;
	position:relative;
	cursor:default;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/map2web/images/gallery_browse.png) no-repeat;
	display:block;
	width:18px;
	height:22px;
	float:left;
	cursor:pointer;
	font-size:1px;
	position:absolute;
	bottom: 30px;
}

/* right */
a.right 				{ right: 22px; background-position: 0 -88px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position: 0 -66px; }
a.right:active 	{ background-position: 0 -66px; } 


/* left */
a.left				{ left: 0px; margin-left: 0px; background-position: 0 -22px; } 
a.left:hover  		{ background-position: 0 0; }
a.left:active  	{ background-position: 0 0; }


/* disabled navigational button */
a.left.disabled {
	background-position: 0 -44px;
	cursor: default;
} 	

a.right.disabled {
	background-position: 0 -110px;
	cursor: default;
} 


/* Audio-Guide */

span.audioguide {
	font-weight:bold;
	display:block;
	margin-top: 5px;
	color: #999;
	}











/****************************************
/*  OVERLAY SELBSTEINTRAG 
/****************************************/

#overlayContainer .container_seg, #wizard {
	margin: 18px 25px 18px 15px;
	position:relative;
	height: 422px;
	width: 686px;
	background: #fff url(/map2web/images/bg_selbsteintrag.png) no-repeat right 20px;
	color: #3e3e3e;
}

#overlayContainer .container_seg a {
	color: #4d9fb8;
}

#confirmation {
	display:none;
	padding: 25px;
}

#confirmation h2 {
	font-size: 14px;
	font-weight:bold;
}

a#closeConfirm {
	position:relative;
	display:inline;
	background:none;	
	
}

.seg_intro {
	padding: 5px 0 0 20px;
	font-size: 13px;
	line-height: 1.4;
}

#seg_newEntry {
	display:block;
	margin-top: 1em;
	font-size: 14px;
	font-weight:bold;
	padding-left: 23px;
	background: transparent url(/map2web/images/arrow_seg_big.png) no-repeat left top;
}

#overlayContainer .seg_intro h2 {
	font-size: 24px;
	margin-bottom: 1.5em;
	color: #000;
}	

.seg_login {
	position:absolute;
	left: -5px;
	bottom: 20px;
	padding: 8px 12px 0px 8px;
	width: 325px;
}

.seg_login p {
	padding: 0 12px 5px 16px;
}

/* Login-Formular */

#login_formContainer {
	background-color: #f5f5f5;
	padding: 8px 12px 8px 14px;
}

.label_text {
	color: #9c908d;
	position:absolute;
	top: 7px;
	left: 8px;
	width: 280px;
}

.seg_login_text, .seg_text_regular, .seg_text_short1, .seg_text_short2, .seg_text_short3 {
	border: 1px solid #c6c5c5;
	padding: 5px 0 5px 5px;
	width: 289px;
}

.seg_text_regular, .seg_text_short1, .seg_text_short2, .seg_text_short3 {
	width: 186px;
	padding: 2px 0 2px 2px;
}

.seg_text_regular:focus, .seg_text_short1:focus, .seg_text_short2:focus, .seg_text_short3:focus, textarea:focus {
	background-color: #e7f6d8;
}

.seg_text_short2 {
	width: 50px;
}

.seg_text_short1 {
	width: 23px;
}

.seg_text_short3 {
	width: 98px;
}

.seg_select_regular {
	width: 186px;
	border: 1px solid #c6c5c5;
}

.seg_select_short {
	width: 75px;
	border: 1px solid #c6c5c5;
}

.seg_select_mini {
	width: 50px;
	border: 1px solid #c6c5c5;
}

.seg_textarea_hi {
	border: 1px solid #c6c5c5;
	width: 182px;
	height: 88px;
	font-family: arial,sans-serif;
	padding: 2px;
	font-size: 12px;
}

.elmHldr {
	margin: 0.8em 0;
	position:relative;
}

.btn_blue-regular, #wizard .prev, #wizard .next, #wizard .sendForm {
	border: 1px solid #17c9e3;
	width: 72px;
	height: 25px;
	background: #17c9e3 url(/map2web/images/button_seg_regular.png) repeat-x left top;
	color: #fff;
	font-size: 14px;
	padding-bottom: 2px;
	cursor:pointer;
}

.btn_blue-regular:hover, #wizard .prev:hover, #wizard .next:hover, #wizard .sendForm:hover {
	background-position: 0 27px;
}

#wizard .prev {
	margin-right: 5px;
}

#wizard .sendForm {
	width: 110px;
}

.passwd_forgot a {
	font-size: 11px;
}

.passwd_forgot {
	position:absolute;
	right: 27px;
	bottom: 30px;
}

#error {
	display:none;
}

#error h2 {
	font-size: 11px;
	padding-left: 19px;
	background: transparent url(/map2web/images/warning_16.png) no-repeat left top;
	line-height: 2;
}

#overlayContainer a.startAgain {
	font-size: 11px;
	margin-right: 12px;
	color: #5a5959;
}

/* FORMULAR WIZARD */

#wizard {
	display:none;
	padding-left: 10px;
}

#wizard ul.tabs li {
	float:left;
	margin-right: 15px;
}

#wizard ul.tabs li a {
	color: #c1dde6;
	font-weight:bold;
	vertical-align:middle;
	display: table-cell;
	height: 39px;
	padding-left: 48px;
	outline:0;
}

#wizard ul.tabs li a:hover {
	text-decoration:none;
}

#wizard ul.tabs li a.current {
	color: #4d9fb8;
}

a#wt1 {
	background: #fff url(images/tabs_seg_1.png) no-repeat left -39px;
}

a#wt1.current {
	background: #fff url(images/tabs_seg_1.png) no-repeat left top;
}

a#wt2 {
	background: #fff url(images/tabs_seg_2.png) no-repeat left -39px;
}

a#wt2.current {
	background: #fff url(images/tabs_seg_2.png) no-repeat left top;
}

a#wt3 {
	background: #fff url(images/tabs_seg_3.png) no-repeat left -39px;
}

a#wt3.current {
	background: #fff url(images/tabs_seg_3.png) no-repeat left top;
}

a#wt4 {
	background: #fff url(images/tabs_seg_4.png) no-repeat left -39px;
}

a#wt4.current{
	background: #fff url(images/tabs_seg_4.png) no-repeat left top;
}


#wizard .panes {
	clear:both;
	font-size: 12px;
	color: #5a5959;
	padding-top: 12px;
	height: 340px;
	overflow-y: auto;
	overflow-x:hidden;
}

/* tab pane styling */
#wizard .panes div {
	/*display:none;	*/
	padding: 0 10px;
	border-top:0;
	font-size:12px;
}

#seg_tabs_buttons {
	position:absolute;
	bottom: 0;
	right: 25px;
}

.errorStatus {
	position:absolute;
	bottom:3px;
	left: 20px;
	color: #e22c02;
	font-size: 11px;
	display:none;
	font-weight:bold;
}

.formTable {
	width: 98%;
}

.formTable th {
	text-align:left;
	padding-bottom: 12px;
}
	
.formTable td {
	padding: 4px 0 2px 0;
	vertical-align:top;
}	

.formDescr {
	width: 110px;
	padding: 7px 0 0 0;
	line-height: 1.5em;
}

.formRowMiddle {
	width: 220px;
}

.seg_form_pflicht {
	font-size: 11px;
	text-align:right;
	padding-right: 25px;
}

tr.form_spacer td {
	height: 18px;
}

.formTable .formUpload {
	background-color: #f5f5f5;
	width: 290px;
	padding: 8px 10px;
	font-size: 11px;
}	
	
.logoUpload {
	margin-top: 1em;
}	

label.manuell {
	font-size: 11px;
}

#manuell {
	margin: 0 7px 0 12px;
}
	
/* Öffnungszeiten */

.openingHours select {
	margin: 0 10px 0 8px;
}

.hi {
	background-color: #f5f5f5;
}

.openingDay {
	width: 55px;
}

.openingDay input {
	margin-left: 5px;
}

.openingDay label {
	font-weight:bold;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0 6px;
	color: #000;
}

.openCont {
	width: 220px;
}

.openCont input { 
	margin-left: 25px;
}

.openCont label {
	margin-left: 5px;
	font-size: 11px;
}

label.checked {
	color:#000;
}

.obtain {
	text-align:right;
	font-weight:bold;
}

.error, .error:focus { 
	border: 1px solid #e22c02;
	background-color: #fbd9d4;
}	
	
/* SUMMARY */

.summary {
	width: 649px;
}

.showSummary {
	vertical-align:top;
	width: 220px;
	padding-right: 10px;
}

.confirmHinweis {
	font-size: 11px;
	color: #000;
	margin-top: 1em;
}

.wizardMap {
	width: 400px;
	text-align:right;
}

#mapControl {
	position:absolute;
	top: 82px;
	right: 28px;
	z-index: 100000;
	padding: 8px;
	font-size: 11px;
	}
	
/* Buttons Jquery UI */

.fg-button { 
	outline: 0; 
	margin:0; 
	padding: .3em .8em; 
	text-decoration:none !important; 
	cursor:pointer; 
	position: relative; 
	text-align: center; 
	zoom: 1; 
	float:left;
	margin-right: -1px;
	color: #fff;
	font-weight:bold;
	border: 1px solid #4D9FB8;
	background-color: #4D9FB8;
	}
	
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
	
.ui-state-default {
	background-color: #4D9FB8;
	color: #fff;
}

.ui-state-hover {
	background-color: #81BECF;
	color: #fff;
}

.ui-state-active {
	background: #fff;
	color: #202020;
}

/* FORM TOOLTIPS */

.triggerTool {
	background-color: #9fcc7b;
	color: #fff;
	font-size: 10px;
	margin-right: 5px;
	display:block;
	float:right;
	padding: 0 2px;
	font-weight:bold;
	cursor: pointer;
}

/* simple css-based tooltip */
.tooltip {
	padding: 8px 12px;
	width: 126px;
	height: 77px;
	display:none;
	color:#000;
	text-align:left;
	font-size:13px;
	z-index: 100000; 
	font-weight:bold;
	
	/* outline radius for mozilla/firefox only */
	background:transparent url(images/bubble.png) no-repeat;

}