/* Map */
html, body {
	height:100%;
	width:100%;
}

#wrap {
	position:relative;
	height:100%;
}

#content {
	height:100%;
}

#content .places {
	position:absolute;
	z-index:1;
	left:0;
	right:0;
	height:100%;
	width:100%;
}


/* Seiten Menü */
#pages {
	position:absolute;
	top:10px;
	right:10px;
	z-index:11;
}
#pages li {
	display:inline
}
#pages li a {
	display:block;
	float:left;
	padding:2px 5px;
	border-right:1px solid white;
	margin:0;
	color:white;
	text-decoration:none;
	font-size:10px;
}
#pages li.last a {
	border-right:none;
}
#pages li a:hover {
	background:white;
	color:black;
}


/* Seiten Inhalt */
#pages-content {
	position:absolute;
	top:120px;
	width:600px;
	left:25%;
	z-index:13;
	
	background:black;
	color:white;
	/*-moz-border-radius:20px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topright:0;*/
	display:none;
	padding:40px 60px 30px 60px;
	overflow:auto;
	
	line-height:130%;
}
#pages-content h1 {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:17px;
}
#pages-content h1, #pages-content p {
	margin-bottom:10px;
}
#pages-content div {
	line-height:20px;
	color:#e9e9e9 !important;
	font-size:13px;
}
#pages-content a {
	border-bottom:1px dotted white;
	text-decoration:none;
	color:white;	
}
#pages-content a:hover {
	background:white;
	color:black;
}

/* Formular */
#pages-content form label {
	width:100px;
	display:block;
	
	margin-top:5px;
}
#pages-content form input, #content form textarea {
	width:275px;
	background:#d4d4d4;
	border:0px none;
	margin:0 0 5px 0;
	width:80%;
	padding:4px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:bold;
}
#pages-content form br {
	clear:left;
}

/* Link zum Schließen */
#pages-content a.close {
	position:absolute;
	display:block;
	width:12px;
	height:12px;
	background:url(../img/close-white.png) no-repeat center;
	right:15px;
	top:15px;
	text-indent:-9999px;
	outline:none;
	border:0px none;
}



/* Kategorien */
#categories {
	position:absolute;
	z-index:10;
	left:8px;
	top:50px;
}
#categories li {
	display:inline;
}
#categories li a.all{
	display:none;
}
#categories li a {
	display:block;
	float:left;
	padding:4px 8px;
	margin:0 5px;
	color:white;
	text-decoration:none;
	outline:none;
	-moz-border-radius:8px;
}
#categories li.active a {
	background:white;
	color:#4e4e4e;
}


/* Kalender rechte Seite */
#calendar {
	position:absolute;
	z-index:5;
	right:5%;
	top:20%;
	width:300px;
	height:60%;
	overflow:hidden;
}


#calendar .dates {
	position:absolute;
	top:95px;
	bottom:20px;
	background:white;
	overflow-y: auto;
	width:100%;
}

#calendar .event.active {
	background:#716e7d;
	color:white;
}
#calendar .event.active a {
	color:white;
}

#calendar .event.error {
	background:#9e0100;
	padding:15px;
	color:white;
}
#calendar .event.error a {
	color:white;
	text-decoration:underline;
}

/* Kalender Footer */
.footer {
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	color:white;
	background:#403f47;
	height:20px;
}



/* Bubble in der Map */
.bubble {
	width:270px;
	margin:15px 0;
}

/* Übersicht Bubble */
.summary ul {
	border-top:1px solid #cbcbcb;
	max-height:300px;
	overflow-y:auto;
}
.summary li a {
	display:block;
	padding:10px 20px;
	color:black;
	text-decoration:none;
	border-bottom:1px solid #cbcbcb;
}
.summary li a:hover {
	color:white;
	background:#757384;
}
.summary li a span {
	display:block;
	font-weight:300;
}
.summary li a .time {
	font-size:14px;
}
.summary li a .title {
	font-size:17px;
	margin:5px 0 0;
}


/* Einzelansicht Bubble */
.bubble .head {
	background:#757384;
	color:white;
	padding:7px 7px 4px;
	line-height:130%;
}
.bubble .head h5 {
	font-size:10px;
	font-weight:300;
}
.bubble .head h3 {
	font-size:17px;
	margin:4px 0;
	font-weight:300;
}
.bubble .head h4 {
	font-size:14px;
	font-weight:300;
}
.bubble .head .links {
	margin-top:25px;
	font-size:10px;
}
.bubble .head .links a {
	color:white;
	line-height:130%;
	text-decoration:none;
}
.bubble .head .links a:hover {
	background:white;
	color:#757384;
}

.bubble .content {
	font-size:10px;
	padding:10px;
}


/* Header */
#head {
	position:absolute;
	z-index:10;
	left:0;
	right:0;
	top:0;
	width:100%;
	height:80px;
	background:black;
	color:white;
}