/******************************************************
Farben

#9b243e	weinrot
#567632	dunkelgrün
#adc687 grün
#eaf1dd hellgrün
******************************************************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #555;
	line-height: 140%;
	text-align: center;
	background: #9b243e;
}

/* Images ------------------------------------------------------------------------------ */

img {
	border: 0;
}
		img.border {
			border: 3px solid #adc687;
		}

hr{
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #adc687;
	margin: 0 0 10px 0;
}


/* Links ------------------------------------------------------------------------------ */

a {
	outline: none !important;
}
		a.ext,
		a:link.ext,
		a:visited.ext {
			display: block;
			width: 150px;
			font: 11px Arial, Helvetica, sans-serif;
			padding-left: 18px;
			color: #555;
			line-height: 140%;
			text-decoration: none;
			background: url('../images/icon_link.gif') no-repeat 0 4px;
		}
		a:hover.ext,
		a:active.ext {
			color: #567632;
			text-decoration: none;
			background: url('../images/icon_link.gif') no-repeat 0 4px;
		}
		
		a.mail,
		a:link.mail,
		a:visited.mail {
			display: block;
			width: 150px;
			font: 11px Arial, Helvetica, sans-serif;
			padding-left: 18px;
			color: #555;
			line-height: 140%;
			text-decoration: none;
			background: url('../images/icon_mail.gif') no-repeat 0 4px;
		}
		a:hover.mail,
		a:active.mail {
			color: #567632;
			text-decoration: none;
			background: url('../images/icon_mail.gif') no-repeat 0 4px;
		}

a.download {
	display: block;
	height: 15px;
	line-height: 15px;
	text-decoration: none;
	padding-left: 20px;
	margin-top: 5px;
	color: #9b243e !important;
}

a.download:hover {
	text-decoration: underline !important;
}

	a.download.pps {
		background: url('../images/icon_pps.gif') left top no-repeat;
	}
	
	a.download.play {
		background: url('../images/icon_play.gif') left top no-repeat;
	}

/* Headlines ------------------------------------------------------------------------------ */

h1 {
	padding: 0;
	margin: 0 0 20px 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #9b243e;
}

		h2 {
			padding: 0;
			margin: 0 0 10px 0;
			font: bold 13px Arial, Helvetica, sans-serif;
			color: #567632;
			line-height: 140%;
		}
		
		h3 {
			padding: 0;
			margin: 0 0 5px 0;
			font: bold 11px Arial, Helvetica, sans-serif;
			color: #333;
			line-height: 100%;
			text-transform: lowercase !important;
		}

/* Site structure ------------------------------------------------------------------------------ */

#distance { 
	width: 1px;
	height: 50%;
	margin-bottom: -280px;
	float: left;
}

/* Main container ------------------------------------------------------------------------------ */

#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 540px;
	width: 960px;
	clear: left;
	background: #fff;
}

#site-outer {
	position: relative;
	top: 4px;
	width: 952px;
	height: 532px;
	margin: 0 4px;
	background: #fff;
}


/* Header ------------------------------------------------------------------------------ */

#header {
	height: 120px;
	background: #eaf1dd;
	border-bottom: 3px solid #adc687;
}

#trail {
	background: #adc687;
	height: 25px; 
	margin: 4px 0;
}

	#trail .block {
		width: 25px;
		height: 25px;
		border-right: 4px solid #fff;
		background: #eaf1dd;
	}

#logo a {
	float: right;
	display: block;
	width: 140px;
	height: 100px;
	margin: 10px;
	background: url('../images/logo.gif') left top no-repeat;
}


/* Content ------------------------------------------------------------------------------ */

#content {
	position: relative;
}

#content-left {
	position: absolute;
	left: 0;
	width: 474px;
	height: 376px;
}

	#content-left .wrapper { width: 474px; height: 376px; position: absolute; left: 0; }
	
	#content-left .default { background: #adc687 url('../images/default.gif') right top no-repeat; }
	#content-left .personal { background: #adc687 url('../images/personal.jpg') right top no-repeat;	}
	#content-left .kontakt { background: #adc687 url('../images/kontakt.jpg') right top no-repeat; }
	#content-left .team { background: #adc687 url('../images/team.jpg') right top no-repeat;	}

#content-right {
	position: absolute;
	right: 0;
	width: 434px;
	height: 336px;
	overflow: auto;
	padding: 20px;
	background-color: #eaf1dd;
}
		
		#content p {
			padding: 0 0 0 0;
			margin-bottom: 15px;
			line-height: 140%;
			text-align: justify;
			text-transform: lowercase !important;
		}
		
		#content p a,
		#content p a:link,
		#content p a:visited,
		#content li a,
		#content li a:link,
		#content li a:visited {
			color: #555;
			text-decoration: none;
		}
		
		#content p a:hover,
		#content p a:active,
		#content li a:hover,
		#content li a:active {
			color: #567632;
			text-decoration: none;
		}
				
		#content ul {
			margin-left: 20px;
		}
		
		#content ul li {
			margin-bottom: 3px;
		}
		
		#slogan p {
			font-size: 20px;
		}
		
		#slogan p span.carpe {
			font-size: 20px;
			color: #9b243e;
		}

/* Footer ------------------------------------------------------------------------------ */

#footer {
	margin: 0 auto;
	padding-top: 10px;
	width: 920px;
	text-align: center;
}

		#footer p {
			font-size: 10px;
			color: #eaf1dd;
			text-align: center;
		} 
		
		#footer a,
		#footer a:link,
		#footer a:visited {
			font-weight: bold;
			color: #eaf1dd;
			text-decoration: none;
		}
		#footer a:hover,
		#footer a:active {
			text-decoration: underline;
		}

/* Navigation ------------------------------------------------------------------------------ */

#mainnav {
	position: relative;
	float: left;
	margin-top: 10px;
	padding: 0;
	text-align: left;
	width: 400px;
}

		#mainnav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		#mainnav li {
			margin: 0;
			padding: 0;
		}
		
		#mainnav a,
		#mainnav a:link,
		#mainnav a:visited {
			display: block;
			line-height: 11px;
			margin-bottom: 5px;
			height: 15px;
			font: bold 11px Arial, Helvetica, sans-serif;
			color: #567632;
			text-decoration: none;
			padding: 1px 0 0 50px;
		}
		
		#mainnav a:hover,
		#mainnav a:active {
			color: #adc687;
		}
		
		#mainnav a.active,
		#mainnav a:link.active,
		#mainnav a:visited.active {
			line-height: 11px;
			margin-bottom: 5px;
			height: 15px;
			font: bold 11px Arial, Helvetica, sans-serif;
			color: #9b243e;
			text-decoration: none;
			padding: 1px 0 0 50px;
		}
		
		#mainnav a:hover.active,
		#mainnav a:active.active {
			color: #adc687;
		}

/* Newsbox ------------------------------------------------------------------------------ */

#newsbox {
	padding: 0;
	color: #574a3a;
}
		
		.newsblock {
			padding: 0;
		}
		
		.newsblock span {
			color: #58abcd;
		}
		
		.newsblock span.caption {
			color: #574a3a;
			font-size: 13px;
			font-weight: bold;
		}
		
		.newsblock p a,
		.newsblock p a:link,
		.newsblock p a:visited {
			font: 11px Arial, Helvetica, sans-serif;
			color: #574a3a;
			text-decoration: underline;
		}
		
		.newsblock p a:hover,
		.newsblock p a:active {
			color: #535a63;
			text-decoration: none;
		}
		
		.newsblock a.overview,
		.newsblock a:link.overview,
		.newsblock a:visited.overview {
			display: block;
			height: 18px;
			border-bottom: 1px solid #8b8271;
			padding: 5px 20px 2px 2px; 
			font: 11px Arial, Helvetica, sans-serif;
			color: #574a3a;
			text-decoration: none;
		}
		
		.newsblock a:hover.overview,
		.newsblock a:active.overview {
			background: url("../../images/arrow_right.gif") right 2px no-repeat;
			color: #564939;
			text-decoration: none;
		}

/* ---------- Gallery -------------------------------------------------------------------- */

.gallery {
	margin: 47px 0 0 23px;
}

		.gallery a {
			margin: 0 10px 10px 0;
			display: block;
			width: 130px;
			height: 130px;
			float: left;
			background: #eaf1e1;
			border: 3px solid #eaf1e1;
		}
		
		.gallery a:hover {
			border: 3px solid #9b243e;
		}

/* ---------- Top link -------------------------------------------------------------------- */

#toplink {
	display: block;
	width: 450px;
	height: 30px;
	text-align: left;
	margin-top: 20px;
}

		#toplink a,
		#toplink a:link,
		#toplink a:visited {
			font: bold 10px Arial, Helvetica, sans-serif;
			color: #564939;
			text-decoration: none;
		}
		
		#toplink a:hover,
		#toplink a:active {
			color: #ccc4be;
			text-decoration: none;
		}

/* ---------- Showreel -------------------------------------------------------------------- */

#player {
	margin: 67px 46px;
	width: 380px;
	height: 242px;
	border: 1px solid #eaf1dd;
	background: #eaf1dd;
}

#player div {
	padding: 20px;
}

a.change-quality {
	position: absolute;
	display: block;
	width: 150px;
	height: 9px;
	background: #ccc4be;
	text-align: center;
	left: 160px;
	top: 321px;
	padding: 0;
	margin: 0;
}

#quality-select {
	width: 420px;
	height: 70px;
	background: url("../../images/select_quality.gif") left top no-repeat;
	padding: 95px 30px 135px 20px;
}

	#quality-select a,
	#quality-select a:link,
	#quality-select a:visited {
		float: left;
		display: block;
		width: 104px;
		height: 50px;
		background: #7d7463;
		border: 3px solid #b1ac99;
		padding: 20px 10px 0 10px;
		text-align: center;
		margin-left: 10px;
		font: 11px Arial, Helvetica, sans-serif;
		color: #b2ab99;
		text-decoration: none;
		line-height: 140%;
	}
	
	#quality-select a:hover,
	#quality-select a:active {
		background: #8b8270;
		border: 3px solid #b1ac99;
		color: #f9f7e9;
		text-decoration: none;
	}

/* ---------- Special classes -------------------------------------------------------------------- */

.clearfloat { 
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.noborder {
	border: none !important;
}

.hidden {
	display: none;
}

.nomargin {
	margin: 0 !important;
}