/*	#################################### */
/*	#								   # */
/*	# KORASU CSS 2010 by Moritz Kröger # */
/*	#								   # */
/*	#################################### */

/*	Allgemein */
	* {
	padding: 0;
	margin: 0;
	}
	
	html {
	height: 100%;
	width: 100%;
	}
	
	body {
	background: #fff;
	height: 100%;
	}
	
	.clear  {
	clear: both;
	width: 0;
	height: 0;
	}
	
	#wrap {
	height: 100%;
	margin: 0 auto 0 auto;
	width: 790px;
	}
	
	a:focus {
	outline: none;
	}
	
	a:active {
	outline: none;
	}
	
/* Schriften */
	h1 {
	color: #000;
	font: italic 21px 'Times New Roman', Arial, Sans-Serif;
	}
	
	#h-info {
	text-align: center;
	margin: 50px 0 0 0;
	position: relative;
	top: -140px;
	}
	
	i {
	color: #7e7e7e;
	font: italic 12px 'Arial', Trebuchet MS, Sans-Serif;
	}
	
/* Linke Seite */
	#left {
	background: url(../img/bg-left.jpg) right repeat-y #f2f2f2;
	padding: 0 0 0 2000px;
	margin: 0 0 0 -2000px;
	float: left;
	width: 190px;
	height: 100%;
	position:fixed;
	}
	
	#logo {
	background: url(../img/logo.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 136px;
	height: 35px;
	margin: 50px 0 50px 0;
	}
	
	#navi {
	padding: 0 0 0 2000px;
	margin: 0 0 0 -2000px;
	width: 190px;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	text-align: right;
	background: url(../img/bg-navi.jpg) right repeat-y #e6e6e6;
	list-style: none;
	font: bold 12px 'Arial', Trebuchet MS, Sans-Serif;
	}
	
		#navi li  {
		padding: 0 0 0 2000px;
		margin: 0 0 0 -2000px;
		width: 190px;
		height: 42px;
		}
	
		#navi #brd-li {
		border-top: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
		}
	
		#navi li  a {
		padding: 14px 55px 0 0;
		width: 135px;
		height: 28px;
		display: block;
		color: #000;
		text-decoration: none;
		}
	
		#navi li  a:hover {
		height: 28px;
		padding: 14px 55px 0 1000px;
		margin: 0 0 0 -1000px;
		background: url(../img/bg-navi-h.jpg) right repeat-y #000;
		width: 135px;
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 1px 0 #000;
		}

		#navi li a:active {
		height: 27px;
		width: 135px;
		padding: 15px 55px 0 2000px;
		margin: 0 0 0 -2000px;
		}
	
	#copy {
	color: #9d9d9d;
	margin: 50px 55px 0 0;
	font: 12px 'Arial', Trebuchet MS;
	text-align: right;
	text-shadow: 1px 1px 0 #fff;
	}
	
/* Rechte Seite */
	#right {
	background: url(../img/bg-right.jpg) repeat-y;
	float: right;
	width: 600px;
	height: 100%;
	}
	
	#inner {
	padding: 50px 0 0 50px;
	}
	
/* Startseite */
	#portfolio {
	margin: 50px auto 0 auto;
	list-style: none;
	width: 452px;
	float: left;
	}
	
		#portfolio li {
		width: 452px;
		height: 222px;
		}
		
		/*#portfolio li a div {
		display: none;
		}
	
		#portfolio li:hover a div {
		display: block;
		position: absolute;
		z-index: 2;
		background: url(../img/trans.png);
		width: 452px;
		height: 222px;
		}
	
		#portfolio li a img{
		position: absolute;
		z-index: 1;
		}
	
		#portfolio li a p {
		display: none;
		}
	
		#portfolio li:hover a p {
		display: block;
		position: absolute;
		z-index: 2;
		background: url(../img/trans.png) repeat-x bottom;
		width: 432px;
		padding: 10px;
		color: #fff;
		font: bold 12px Arial, Sans-Serif;
		}
	
		#portfolio li a img{
		position: absolute;
		z-index: 1;
		}*/
	
	#gotop {
	position: fixed;
	margin: 0 0 0 502px;
	padding: 5px 10px 0 10px;
	border: 1px solid #a3a3a3;
	text-decoration: none;
	color: #000;
	font: bold 21px 'Times New Roman', Arial, Sans-Serif;
	}
	
		#gotop:hover {
		color: #ea6161;
		text-decoration: line-through;
		background: #fafafa;
		}
	
/* Referenzansicht */
	#ref-l {
	float: left;
	}
	
	#ref-r {
	float: right;
	width: 100px;
	}
	
	#close  {
	display: block;
	width: 17px;
	height: 17px;
	background: url(../img/close.gif) no-repeat;
	text-indent: -9999px;
	}
	
/* Informationen */
	#kora {
	position: relative;
	left: -50px;
	top: -50px;
	width: 142px;
	height: 136px;
	}

	#info {
	border-top: 5px solid #000;
	color: #7e7e7e;
	font: 12px 'Arial', Trebuchet MS, Sans-Serif;
	padding: 30px 0 0 0;
	}
	
		#info p {
		display: block;
		width: 430px;
		text-align: justify;
		line-height: 20px;
		float: right;
		position: relative;
		top: -140px;
		}
	
		#info p span {
		color: #000;
		font: italic 21px 'Times New Roman', Arial;
		margin: 0 3px 0 0;
		}
	
		#info p a {
		color: #000;
		text-decoration: underline;
		font: italic 12px 'Arial', Trebuchet MS;
		}
	
		#info p a:hover {
		color: #ea6161;
		}
	
		#info p a:active {
		position: relative;
		top: 1px;
		}
	
	#portal {
	border-top: 1px solid #a3a3a3;
	border-left: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
	list-style: none;
	margin: 11px 0 0 0;
	height: 55px;
	position: relative;
	top: -140px;
	}
	
		#portal li {
		width: 33.15%;
		height: 55px;
		text-align: center;
		border-right: 1px solid #a3a3a3;
		border-bottom: 1px solid #a3a3a3;
		float: left;
		}
	
		#portal li.space {
		border-bottom: 1px solid #fff;
		}
	
		#portal li a {
		color: #7e7e7e;
		font: italic 19px 'Times New Roman', Arial, Sans-Serif;
		text-decoration: none;
		display: block;
		height: 40px;
		padding: 15px 0 0 0;
		}
	
		#portal li a:hover {
		color: #ea6161;
		font: italic 19px 'Times New Roman', Arial, Sans-Serif;
		text-decoration: line-through;
		background: #fafafa;
		}
	
		#portal li a:active {
		padding: 16px 0 0 0;
		height: 39px
		}
	
/* Kontakt */
	#dates {
	margin: 50px 0 0 0;
	list-style: none;
	float: left;
	background: url(../img/bg-kontakt.jpg) no-repeat #fff;
	width: 248px;
	color: #fff;
	font: 12px/20px Arial, Sans-Serif;
	padding: 20px 0 0 0;
	text-align: right;
	}
	
		#dates li {
		padding: 0 30px 0 0;
		color: #7e7e7e;
		}
		
		#dates li p {
		color: #7e7e7e;
		font: 12px/20px Arial, Sans-Serif;
		}
	
		#dates li h1 {
		color: #fff;
		margin: 0 0 30px 0!important;
		}
	
		#dates li a {
		padding: 8px 0 0 0;
		display: block;
		color: #000;
		text-decoration: underline;
		font: italic 12px 'Arial', Trebuchet MS;
		}
	
		#dates li  a:hover {
		color: #ea6161;
		}
	
		#dates li  a:active {
		position: relative;
		top: 1px;
		}
	
	#knast {
	margin: 50px 0 0 0;
	padding: 19px 0 0 0;
	float: right;
	width: 325px;
	border: 1px solid #a3a3a3;
	}
	
		#knast h1 {
		color: #000;
		display: block;
		height: 41px;
		padding: 0 30px 0 15px;
		border-bottom: 1px solid #a3a3a3;
		}
	
		#knast p {
		text-align: justify;
		margin: 14px 0 0 0;
		padding: 0 15px 15px 15px;
		line-height: 20px;
		color: #7e7e7e;
		font: 12px/20px Arial;
		}