body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #FFF;
	line-height:120%;
	background-color: #171717;
	background-image: url(images/layout/mainbg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	margin-left:15px;
	margin-right:15px;
	padding:0px;
}
table, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}
h1 {
	font-size: 130%;
	color: #F6E024;
	margin-top:0px;
	margin-bottom:10px;
	line-height:normal;
	text-transform: uppercase;
}
h1 .info {
	font-size: 100%;
	font-weight:normal;
	text-transform:none;
}
h2 {
	font-size: 110%;
	color: #F6E024;
	margin-top:0px;
	margin-bottom:5px;
}
h3 {
	font-size: 100%;
	margin:0px;
}
p {
	margin:0px;
	margin-bottom:15px;
	margin-top:3px;
	padding:0px;
}
hr {
	color:#CCC;
}
a:link, a:visited   {
	color: #F6E024;
	text-decoration:underline;
	font-weight:normal;
}
a:hover, a:focus, a:active  {
	color:#FC0;
	text-decoration:underline;
	font-weight:normal;
}

a img {
	border:0px;
}
#inhalt ul {
	list-style-type: square;
	margin: 20px 0px 0px 22px;
	padding: 0px;
}
#inhalt li {
	margin: 0px;
	margin-top:5px;
	padding: 0px;
}
#inhalt ul ul {
	list-style-type:circle;
	margin: 5px 0px 10px 22px;
	padding: 0px;
}
/*IDs*/
#navi {
	position:fixed !important;
	z-index:50;
	top:0px;
	width:795px;
	height:22px;
	background-color: #171717;
	/* nur für IEs >7 - kein fixed*/
	position:static; 
}
/* IE5 MAC */
*>html #navi { 
	position:static !important;
}
/* IE5,6  */
* html #navi { 
	position:static;
}


#main {
	margin-left:auto;
	margin-right:auto;
	width:795px;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
#logo {
	height:178px;
	margin:0px;
	padding-top:22px;
	width:auto;
}
#logo img {
	padding-top:66px;
}
#inhalt {
	float:left;
	margin:0px;
	margin-top:1px;
	padding-left:15px;
	padding-right:15px;
	padding-top:28px;
	padding-bottom:15px;
	width:500px;
	background-color:#333;
	height:auto;
	min-height:450px;
	clear:both;
}
#ctright {
	float:right;
	margin:0px;
	margin-top:1px;
	padding:0px;
	width:265px;
	height:auto;
	min-height:460px;
	background-color: #171717;
	background-image: url(images/layout/bg-subnavi2.gif);
	background-repeat:no-repeat;
}
#subnavi {
	float:none;
	margin-left:0px;
	margin-top:10px;
	width:263px;
	line-height:22px;
	font-size:110%;
	text-transform:uppercase;
}
#start {
	width:795px;
	height:448px;
	margin-top:1px;
	background-color:#333;
	background-repeat:no-repeat;
}
#startctright {
	float:right;
	margin:0px;
	padding:0px;
	width:265px;
	height:448px;
	background-image: url(images/layout/bg-subnavi2.gif);
	background-repeat:no-repeat;
}
#starttext {
	position:relativ;
	bottom:10px;
	left:10px;
	margin:0px;
	padding:0px;
	width:245px;
	height:auto;
}
.picbox1, .picbox2, .picbox3, .picbox4 {
	width:242px;
	margin-bottom:15px;
	background-color:#CCC;
	color:#171717;
}
.picbox1 {
	float:left;
	height:161px;
}
.picbox2 {
	float:right;
	height:161px;
}
.picbox3 {
	float:left;
	height:170px;
}
.picbox4 {
	float:right;
	height:170px;
}
#footer {
	color:#FFF;
	background-color:#171717;
	font-size:10px;
	width:795px;
	clear:both;
	border-top:1px solid #666;
}
#footer #text {
	margin:0px;
	padding-top:1px;
	padding-left:15px;
	width:500px;
	height:18px;
	float:left;
}
#footer #site {
	margin:0px;
	padding-top:1px;
	padding-left:15px;
	width:251px;
	height:18px;
	float:right;
}
#bilder img {
	padding-right:10px;
	padding-bottom:10px;
}
#skip {
	position:absolute;
	z-index:1;
	top:30px;
	left:0px;
}
.skip {
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
	list-style-type: none;
}
#namen {
	font-size:120%;
	text-align:justify;
	line-height:200%;
	text-transform: uppercase;
	font-weight: bold;
}
#namen a:link, #namen a:visited   {
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
}
#namen a:hover, #namen a:focus, #namen a:active  {
	color:#FC0;
	text-decoration:underline;
	font-weight:bold;
}


br.clear, br.clear1 {
	clear:both;
}
/*Ende IDs*/

/* NAVI */
#navi ul {
	background-image:url(images/layout/navi2.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	width:795px;
	height:20px;
	margin:0px;
	padding:0px;
}
#navi li {
	float:left; 
	list-style: none;
	height:20px;
	text-indent:-10000px;
}
#navi li a {
	display:block;
	height:20px;
}
#navi li.n1, #navi li.n1 a {
	width:89px;
}
#navi li.n1 a:hover, #navi li.n1 a:focus, #navi li.n1 a:active, #navi li.n1 a.active {
	background-image:url(images/layout/navi2.gif);
	background-repeat:no-repeat;
	background-position: 0px -30px;
}

#navi li.n2, #navi li.n2 a {
	width:89px;
}
#navi li.n2 a:hover, #navi li.n2 a:focus, #navi li.n2 a:active, #navi li.n2 a.active {
	background-image:url(images/layout/navi2.gif);
	background-repeat:no-repeat;
	background-position: -89px -30px;
}

#navi li.n3, #navi li.n3 a {
	width:89px;
}
#navi li.n3 a:hover, #navi li.n3 a:focus, #navi li.n3 a:active, #navi li.n3 a.active {
	background-image:url(images/layout/navi2.gif);
	background-repeat:no-repeat;
	background-position: -178px -30px;
}

#navi li.n4, #navi li.n4 a {
	width:89px;
}
#navi li.n4 a:hover, #navi li.n4 a:focus, #navi li.n4 a:active, #navi li.n4 a.active {
	background-image:url(images/layout/navi2.gif);
	background-repeat:no-repeat;
	background-position: -267px -30px;
}

#navi li.n5, #navi li.n5 a {
	width:88px;
}
#navi li.n5 a:hover, #navi li.n5 a:focus, #navi li.n5 a:active, #navi li.n5 a.active {
	background-image:url(images/layout/navi2.gif);
	background-repeat:no-repeat;
	background-position: -356px -30px;
}

#navi li.n6, #navi li.n6 a {
	width:88px;
}
#navi li.n6 a:hover, #navi li.n6 a:focus, #navi li.n6 a:active, #navi li.n6 a.active {
	background-image:url(images/layout/navi2.gif);
	background-repeat:no-repeat;
	background-position: -444px -30px;
}

#navi li.n7, #navi li.n7 a {
	width:88px;
}
#navi li.n7 a:hover, #navi li.n7 a:focus, #navi li.n7 a:active, #navi li.n7 a.active {
	background-image:url(images/layout/navi2.gif);
	background-repeat:no-repeat;
	background-position: -532px -30px;
}

#subnavi ul {
	margin:0px;
	padding:0px;
}
#subnavi li {
	list-style: none;
	padding-bottom:2px;
}
#subnavi a {
	padding-left:15px;
	display:block;
}
#subnavi a:link, #subnavi a:visited   {
	display:block;
	color: #FFF;
	text-decoration:none;
}
#subnavi a:hover, #subnavi a:focus, #subnavi a:active, #subnavi a.active  {
	color:#FFF;
	text-decoration:none;
	background-color:#333;
}

#footer a:link, #footer a:visited   {
	color: #FFF;
	text-decoration:none;
}
#footer a:hover, #footer a:focus, #footer a:active  {
	color:#FFF;
	text-decoration:underline;
}

/* Ende NAVI */

/* Hover Projekte */
a.hovertipp, a.hovertipp:link, a.hovertipp:visited, a.hovertipp:active  {
	position:relative;
	display:block;
	height:161px;
	text-decoration:none; 
}
.picbox3 a.hovertipp, .picbox3 a.hovertipp:link, .picbox3 a.hovertipp:visited, .picbox3 a.hovertipp:active, .picbox4 a.hovertipp, .picbox4 a.hovertipp:link, .picbox4 a.hovertipp:visited, .picbox4 a.hovertipp:active  {
	height:170px;
}
a.hovertipp.nolink  {
	cursor:default;
}
a.hovertipp span {
	display:none;  
	text-decoration:none; 
}
a.hovertipp:hover span {
	display:block;
	position:absolute; 
	top:0px; 
	left:0px; 
	width:230px;
	height:149px;
	padding:6px;
	z-index:40;
	color:#FFF; 
	background-color:#333;
	text-align:left;
	text-transform:uppercase;
	
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Gecko */
	opacity:0.8; /* Konqueror, Opera 9+, Safari */
}
.picbox3 a.hovertipp:hover span, .picbox4 a.hovertipp:hover span {
	height:158px;
}
/* Hover Projekte-Ende */

.small {
	font-size:80%;
}
.bold {
	font-weight:bold;
}
.red {
	color:#900;
}
.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.imgright {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.div25 {
	margin-top:3px;
	width:24%;
	float:left;
}
.div75 {
	margin-top:3px;
	width:74%;
	float:left;
}
.div50 {
	margin-top:3px;
	width:49%;
	float:left;
}
.right {
	text-align:right;
}
@media print
{
	#skip, #topnavi, #subnavi, #ctright, #footer #site, #main br.clear1 { display:none; }
	body {
		background-color:#FFF;
		background-image:none;
		color:#000;
	}
	#navi {
		position:static !important; 
		width:670px;
	}
	#navi ul {
		width:670px;
	}
	#inhalt {
		background-color:#FFF;
		color:#000;
		margin-top:0px;
		padding-bottom:0px;
		float:none;
	}
	#logo {
		height:112px;
		margin:0px;
		padding-top:22px;
		width:auto;
		background-color:#171717;
	}
	#logo img {
		padding-top:30px;
	}
	#main {
		border:1px solid #666;
		margin-left:0px;
		margin-right:0px;
		width:670px;
		padding-bottom:0px;
	}
	#footer {
		color:#FFF;
		background-color:#171717;
		width:670px;
		height:auto;
	}
	#footer #text {
		float:none;
	}
	#namen a:link, #namen a:visited   {
		color: #000;
	}
	a.hovertipp span {
		display:block;
		position:absolute; 
		top:0px; 
		left:0px; 
		width:230px;
		height:149px;
		padding:6px;
		z-index:40;
		color:#000; 
		background-color:none;
		text-align:left;
		text-transform:uppercase;
		filter:alpha(opacity=100); /* IE */
		-moz-opacity:1; /* Gecko */
		opacity:1; /* Konqueror, Opera 9+, Safari */
	}
}