/* Reset rules */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; border: 0; }

/* ------------------------------------------------------------------------------ */

/* LAYOUT GENERAL */
body {
	width: 100%;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 84%;
	min-width: 600px;
	}
body#home {
	background: #CDE0E6 url('../images/assets/back_gradient.jpg') repeat-x top;
	}
body#bio, body#projekte, body#kontakt  {
	background: #CDE0E6;
	}

.header {
	width: 100%;
	background: #FFF;
	border-bottom: 1px solid #CDE0E6;
	}
	.header h1 {
		float: left;
		padding: .4em 1.4em;
		font-size: 1em;
		font-weight: normal;
		color: #000;
		}
	.header ul.menu {
		float: left;
		}
	.header ul.menu li {
		display: inline;
		}
	.header ul.menu li a,
	.header ul.menu li b {
		display: block;
		float: left;
		padding: .4em 1.4em;
		color: #000;
		}
	.header ul.menu li b {
		font-weight: normal;
		color: #FFF;
		background: #98C3CF;
		background: #000;
		}
	.header ul.menu li a {
		text-decoration: none;
		}
	.header ul.menu li a:hover {
		color: #000;
		background: #DDD;
		}
	.header ul.menu.right {
		float: right;
		}
		.header ul.menu.right #downloadlink {
			padding-left: 30px;
			background: transparent url('../images/assets/arrow_270.gif') no-repeat 8px 5px;
			}

body #main {
	height: 772px;
	}
body#home #main {
	background-color: transparent;
	background-image: url('../images/assets/back_john_friedmann.jpg');
	background-position: center -30px;  /* ? */
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto;
	}
body#home #main #wallObject {
		margin-top: 20px;
	}
body#bio #main,
body#projekte #main,
body#video,
body#video #main,
body#kontakt #main {
	background: #CDE0E6 url('../images/assets/half_john_friedmann.jpg') no-repeat top right;
	}
	body#bio #main #content, 
	body#projekte #main #content, 
	body#video #main #content, 
	body#kontakt #main #content {
		margin: 0 500px 0 0;
		padding: 30px 60px;
		overflow: hidden;
		min-width: 400px;
		background: #CDE0E6;
		}
	#main #content h2 {
		text-align: right;
		font-size: 2em;
		margin: 0 0 1em 0;
		padding-bottom: .4em;
		border-bottom: 2px solid #FFF;
		color: #FFF;
		}
	#main #content h3 {
		margin: 1em 0 0 0;
		color: #CE8136;
		}
	#main #content h2,
	#main #content h3 {
		text-transform: uppercase;
		letter-spacing: .4em;
		}
	#main #content p {
		margin: .3em 0 .6em;
		}
	#main #content ul {
		margin: .3em 0 .6em;
		}
	#main #content ul li {
		margin-left: 1.4em;
		list-style-type: disc;
		}
	#main #content address {
		font-style: normal;
		margin: .3em 0;
		}

	#main #content table {
		margin: 1em 0;
		width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
		border-bottom: 2px solid #FFF;
		}
	
	#main #content table th {
		padding: .2em .6em;
		color: #ABC8D1;
		background: #FFF;
		text-align: left;
		}
	#main #content table td {
		vertical-align: top;
		padding: .2em .6em;
		}
	#main #content table tr.odd td {
		background: #B9D1D9;
		}

	#main #content .ad {
		width: 171px;
		margin: 30px 0;
		padding: 2px 2px 0 2px;
		text-align: center;
		background: #B9D1D9;
		}
	#main #content .ad img {
		display: block;
		border: 0;
		}
	#main #content .ad .adtitle {
		font-size: 70%;
		line-height: 100%;
		text-transform: uppercase;
		padding: .1em 1em;
		}
	#main #content #preview,
	#main #content #preview1 {
		padding: 20px;
		text-align: center;
		background: #B9D1D9;
		}
	#kontakt #main #content .box h3 {
		width: auto;
		margin-top: 0;
		}
	#kontakt #main #content .box {
		float: left;
		width: 20em;
		margin: 0 0 1em 0;
		}
	#kontakt #main #content .box.clear {
		 clear: both;
		}