@charset "utf-8";
* {
	margin:0;
	padding:0;
}
body {
	padding: 5px;
}


/* #### ID ####### */
#wrapper{
	width: 1000px;
	margin: 0px auto;
}
#adminbox{
	background-color: #FF4C4C;
	margin-bottom: 5px;
	color: white;
	padding: 5px;
}
#header{
	height: 100px;
	margin-bottom: 5px;
	font-family: Arial;
}
	#logo{
		background-color: white;
		height: 100px;
		width: 245px;
		float: left;
		border: 1px solid black;
	}
		#logo p{
			margin-left: 10px;
			margin-right: 10px;
			margin-top: 60px;
			font-size: 1.5em;
		}
	#headername{
		background-color: white;
		height: 100px;
		border: 1px solid black;
		margin-left: 250px;
	}
		#headername h1{
			float: right;
			text-align: right;
			font-size: 0.9em;
			margin-top: 20px;
			margin-right: 5px;
			font-weight: normal;
			display: block;
			width: 300px;
		}
		#headername h2{
			font-size: 2.5em;
			font-weight: normal;
			display: block;
			width: 400px;
			margin-left: 10px;
			margin-top: 47px;
			float: left;
		}
		#headername h3{
			font-weight:normal;
			color: gray;
			font-size: 1.4em;
			margin-left: 415px;
			margin-top: 62px;
			margin-right: 5px;
			text-align: right;
		}
#navigation{
	height: 26px;
	margin-left: 250px;
}
	#navigation a{
		color: black;
		text-decoration: none;
		font-family: Arial;
		font-size: 0.8em;
	}
	#navigation li{
		display: block;
		float: left;
		height: 20px;
		padding: 3px 20px;
		margin-right: -1px;
		border: 1px solid transparent;
		border-bottom: none;
	}
	#navigation li:hover{
		border: 1px solid black;
		border-bottom: none;
	}
	#navigation li.selected{
		border-left: 1px solid black;
		border-top: 1px solid black;
		border-right: 1px solid black;
		border-bottom: none;
		background-color: white;
	}
#leftbox{
	clear: both;
	width: 245px;
	height: 498px;
	float: left;
}
	#subnavi{
		width: 245px;
		height: 133px;
		background-color: white;
		border: 1px solid black;
		margin-bottom: 5px;
		font-family: Arial;
	}
		#subnavi h1{
			text-align: right;
			font-family: Arial;
			color: gray;
			font-size: 1.5em;
			font-weight: normal;
			margin: 5px;
		}
		#subnavi li{
			margin-top: 7px;
			padding-right: 5px;
			list-style-type: none;
			text-align: right;
			border: 1px solid white;
			border-right: none;
			margin-left: 80px;
		}
		#subnavi li.selected{
			border: 1px solid black;
			border-right: none;
		}
		#subnavi li:hover{
			border: 1px solid #999;
			border-right: none;
		}
		#subnavi li a{
			color: black;
			text-decoration: none;
		}
	#lbimage{
		border: 1px solid black;
		overflow: hidden;
		width: 245px;
	}
#contentbox{
	background-color: white;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url("/images/skyline.jpg");
	border: 1px solid black;
	margin-left: 250px;
	height: 497px;
}
#mapcanvas{
	border: 5px solid white;
}

/* diverse id's */
div#mapcanvas{
	border: 1px solid black;
}
	
	
/* Classes */

div.entry{
	overflow: auto;
	padding: 20px;
	max-height: 455px;
}
	
	
blockquote{
	margin-top: 50px;
}
blockquote p{
	font-family: Arial;
	font-size: 1.5em;
}
blockquote span{
	font-family: Arial;
	text-align: right;
	display: block;
}

/* The ajax shit */
#tabs{
	height: 100%;
	margin-top: 10px;
}
#tabslist{
	float: left;
	width: 200px;
	list-style-type: none;
}
.ui-tabs-nav li{
	width: 180px;
	border: 1px solid transparent;
	padding: 0px;
	font-family: Arial;
	margin-bottom: 7px;
}
.ui-tabs-nav li a{
	color: black;
	text-decoration: none;
	margin-left: 10px;
}
.ui-tabs-nav li:hover{
	border: 1px solid #999;
}
.ui-tabs .ui-tabs-panel{
	margin-left: 200px;
	border-left: 1px solid black;
	height: 80%;
	width: 70%;
	overflow: auto;
	padding: 5px;
}

/* Formular */
input.text{
	width: 230px;
}
textarea.text{
	border: 1px solid #333;
	width: 230px;
}
input.submit{
	width: 230px;
}

/* more */
/* Layout helpers
----------------------------------*/

.ui-tabs .ui-tabs-hide { display: none !important; }