/*
 * CSS fuer Moblog Timemap. Events
 * 28.07.2010 21:32 - 06.08.2010 19:53
 *
 *
 */
body {
	margin:0;
	padding:0;
	line-height:140%;
	background:#FAFAFA;	
	
}

a:hover {
	text-decoration:none;	
}

div, p {
	font-family: Arial, Verdana, sans-serif;
}

p.content {
	font-size: 14px;
	width: 10em;
}

div#timelinecontainer{ height: 310px; }
div#mapcontainer{ height: 300px; }
div.infodescription { height: 70px; }
    
div#help {
	font-size: 14px;
	width: 90%;
	padding: 1em;
}

div#timemap {
	padding: 1em;
}

div#timelinecontainer{
	width: 100%;
	height: 200px;
}

div#timeline{
	width: 100%;
	height: 100%;
	font-size: 12px;
	background: #CCCCCC;
}

div#mapcontainer {
	width: 100%;
	height: 400px;
}

div#map {
	width: 100%;
	height: 100%;
	background: #EEEEEE;
}

div#sub {
	font-size: 14px;
	width: 90%;
	padding: 0 1em 1em 1em;
}


div.infotitle {
	font-size: 14px;
	font-weight: bold;
}
div.infodescription {
	font-size: 14px;
	font-style: normal;
}

div.custominfostyle {
    font-family: Georgia, Garamond, serif;
    font-size: 1.5em;
    font-style: normal;
    width: 15em;
}

.timeline-event-label {
	margin:4px 5px 0 5px;
}

.timeline-small-event-icon {
	width:2px;
	border:2px solid #58A0DC;	
}