/* Sommercamp 2010 Stylesheet
 *
 * Dunkelblau: 		#1b3e71
 * Mittelblau 1: 	#1d5393
 * Mittelblau 2: 	#009bd9
 * Hellblau 1:		#c6e1f6
 * Hellblau 2: 		#dbecfa
 *
 */
/***********************
 *	Global
 ***********************/

body {
	background-color: #1b3e71;
	color: black;
	font-family: sans-serif;
	font-size: 0.8em;
	}
div {
	line-height: 130%;
	}
h1 {
	font-size: 150%;
	}

h2 {
	font-size: 130%;
	margin-left: 2em;
	line-height: 130%;
	}
a {
	color: #1d5393;
	text-decoration: underline;
	}
a:hover {
	color: #009bd9;
	text-decoration: underline;
	}
a img {
	border: 0;
	}

#container {
	background: #dbecfa;
	border: 2px solid black;
	width: 1000px;
	float: left;
	}

#banner {
	float: left;
	margin-left: 10px;
	height: 600px;
	width: 160px;
	background: url(images/skyscraper-bryanadams.jpg) no-repeat top left;
	}


/**********************
 *	The Head
 **********************/

#head {
	background: url(images/head-1024.png) no-repeat top left;
	height: 309px;
	padding: 1em 0 1em 0;
	margin: 0 0 -1em 0;
	}
#head p {
	text-align: center;
	color: black;
	font-size: 150%;
	margin: 230px 0 0 570px;
	}

/**********************
 *	Navigation
 **********************/

#navigation {
	/* background: url(images/hexagons-3-big.png) no-repeat bottom left; */
	color: black;
	float:left;
	padding: 2em 0;
	width:15em;
	margin-left:-100%;
	}
#navigation li {
	color: black;
	padding: 0 0 0.5em 0;
	font-weight: bold;
	}
.navi2 {
	list-style-type: none;
	}
.navi2:hover {
	/* list-style-image: url(images/hexagons-1-horizontal.png); */
	}
.navi1 {
	list-style-type: none;
	}
.navi1:hover {
	/* list-style-image: url(images/hexagons-1-horizontal.png); */
	}
#navigation a {
	text-decoration: none;
	color: #1d5393;
	}
#navigation a:hover {
	text-decoration: underline;
	color: #009bd9;
	}

/***********************
 *	 The News 
 ***********************/

#news {
	background-color: #009bd9;
	border: 1px solid black;
	float:left;
	width: 13em;
	margin-left:-23%; 
	margin-bottom: -40px;
	padding: 0.5em;
	font-size: 85%;
	}
#news h2 {
	}
.newsitem {
	background: white;
	color: black;
	padding: 0 0 0.5em 0;
	}
.newsitem h3 {	
	background: #1b3e71;
	border-bottom: 1px solid black;
	color: white;
	padding: 0.6em;
	}
.newsitem p {
	padding: 0 0 0 0.5em;
	}

/************************
 *	Content
 ************************/

#wrapper {
	background: url('images/feel-800.png') no-repeat bottom left; 
	float:left;
	width:100%;
	margin: 0 0 -150px 0;
	}

#content {
	/* background: url(images/feel-400.png) no-repeat bottom ; */
	width: 40em;
	margin: 30px 15em 0 200px;
	padding-bottom: 250px;
	min-height: 250px;
	}
p.quote {
	font-style: italic;
	color: #444;
	font-size: 120%;
	}
#content th {
	text-align: left;
	padding: 1em;
	}
#content ul {
	margin: 0;
	}
#www {
	font-size: 120%;
	line-height: 130%;
	border: 0;
	}

/************************
 *	Footer
 ************************/

#foot {
	clear: left;
	background: rgb(249,238,204) url(images/foot-1024.png) no-repeat bottom left;
	width: 1000px; 
	height: 280px;
	margin-top: -100px;
	padding-top: -200px;
	} 
#foot p {
	position: relative;
	top: 8em;
	left: 1em;
	}