/* CSS Document */

body {
	text-align:center;
	margin:0px;
	border:0px;
	padding:0px;
	background-color:#E7BC8A;
	font-family:arial, verdana, georgia;
	background-image: url(../images/bg_body.jpg);background-repeat:repeat-x;
	}
		
#Outerframe {
	position:relative;
	text-align:center;
	width:100%;
	height:800px;
	margin:0 auto; /* horizontale Zentrierung */
	padding:0px;
	border:0px;
	/*Netscape 7.1 kann "background-position: center 200px;", also Kombinationen von Pixel- und relativen Angaben, nicht interpretieren */
	background-image:  url(../images/_bg_outerframe.jpg);background-position: center top;background-repeat:no-repeat;
	}
	
#Outerframe.soft {background-image:  url(../images/bg_outerframe_f.jpg);background-position: center top;background-repeat:no-repeat;}
	
#Innerframe {
	position:relative;
	text-align:center;
	width:1000px;
	margin:0 auto; /* horizontale Zentrierung */
	padding:0px;
	border:0px;
	min-height:600px;
	text-align:left;
	}

/* Start Header */	
#Header {
	position:relative;
	float:left;
	width:1000px;
	height:137px;
	text-align:left;
	margin:0px;
	border:0px;
	padding:0px;
	overflow:hidden;
	z-index:500;
	}
	
#StjaLogo {
	float:left;
	height:137px;
	width:200px;
	overflow:hidden;
	}
	
#StjaLogo img {margin:17px 30px 0 30px}

#Header h1.title {
	font-family:arial;
	width:480px;
	height:45px;
	overflow:hidden;
	float:left;
	padding:0px;
	margin:22px 0 0 10px;
	font-size:20px;
	color:#f00;
	font-weight:bold;
	line-height:18px;
	}
	
#Header h1.title span{color:#000;font-size:12px;font-weight:normal;}

#Imprint {
	width:310px;
	height:72px;
	overflow:hidden;
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	background-image: url(../images/bg_impress.jpg);
	background-position: right top;
	background-repeat:no-repeat;
	}
	
#Imprint li {width:200px;height:30px;margin:0px;float:right;}
#Imprint li.login {width:100px;}

#Imprint li a {
	display:block;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#999;
	text-align:center;
	height:30px;
	line-height:29px;
	font-size:10px;
	}
	
#Imprint li a:hover {
	color:#000;
	text-decoration:none;
	}
	
#TopNavi {
	z-index:502;
	width:800px;
	height:65px;
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	background-image: url(../images/bg_topnavi.gif);
	background-position: right top;
	background-repeat:no-repeat;
	
	}
	
#TopNavi.inactive {
	background-image: url(../images/bg_topnavi_follow.gif);}
	
#TopNavi.light a {}
	
#TopNavi li {
	width:200px;
	height:40px;
	margin:10px 0 0 0;
	float:left;
	}
	
#TopNavi li.search {padding:0px;margin:20px 0 0 0px;width:300px;}
#TopNavi li.search input.enter {
	background-color:transparent;
	float:left;
	width:155px;max-width:155px;min-width:155px;
	height:18px;
	margin:0 0 0 115px;
	padding:3px 0 0 0;
	border:0px;
	font-family:verdana;
	font-size:9px;
	color:#666;
	}
#TopNavi li.search input.magnify {
	width:20px;max-width:20px;min-width:20px;
	float:right;
	margin:0px;
	padding:0px;
	border:0px;
	}
	
#TopNavi li a {
	font-family:georgia;
	display:block;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	height:40px;
	line-height:39px;
	font-size:10px;
	}
	
#TopNavi li a.first:hover, #TopNavi li a.activefirst {
	background-image: url(../images/bg_topnavi_first_hover.gif);
	background-repeat:no-repeat;
	color:#000;
	text-decoration:none;
	}
	
#TopNavi li a.second:hover, #TopNavi li a.activesecond  {
	background-image: url(../images/bg_topnavi_second_hover.gif);
	background-repeat:no-repeat;
	color:#000;
	text-decoration:none;
	}
	
#TopNavi li.active {margin-left:100px;}

/* Ende Header */



/* Start 2. Navigation, Breadcrumbs, Contentbereich */
#Mainframe {
	z-index:501;
	position:relative;
	float:left;
	width:1000px;
	min-height:450px;
	text-align:left;
	margin:0px;
	border:0px;
	padding:0 0 150px 0; /* scrollbarer Space wg. Bottomframe/margin/negative */
	}
	
#Breadcrumbs {
	z-index:501;
	font-family:verdana;
	color:#666;
	width:1000px;
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../images/bg_breadcrumbs.gif);
	}
	
#Breadcrumbs li {
	float:left;
	margin:0px;
	padding:0 2px 0 3px;
	font-size:9px;
	line-height:18px;
	height:20px;
	}
	
#Breadcrumbs li.first {padding:0 2px 0 210px;}
#Breadcrumbs li.date {
	font-family:georgia;
	float:right;
	margin-right:25px;
	padding:0 0px 0 3px;
	font-size:10px;
	color:#333;
	}
	
/*#Breadcrumbs li a {color:#666;}
#Breadcrumbs li a:hover {color:#000;}*/

/* MainNavi */
#LeftNavi {
	float:left;
	width:200px;
	overflow:hidden;
	margin:30px 0 0 0;
	padding:0px;
	border:0px;
	list-style:none;
	list-style-type:none;
	}
	
html>body #LeftNavi li {
	padding:0px 10px 3px 20px;
	margin:0px;
	background-image:url(../images/li.png);
	background-repeat:no-repeat;
	font-family:georgia;
	font-size:11px;
	line-height:16px;
	color:#000;
	list-style:none;
	}
	
#LeftNavi li {
	padding:0px 10px 3px 20px;
	margin:0px;
	background-image:url(../images/li.gif);
	background-repeat:no-repeat;
	font-family:georgia;
	font-size:11px;
	line-height:16px;
	color:#000;
	list-style:none;
	}
	
html>body #LeftNavi li.activeli {
	padding:0px 10px 3px 20px;
	margin:0px;
	list-style:none;
	background-image:url(../images/activeli.png);
	background-repeat:no-repeat;
	}
	
#LeftNavi li.activeli {
	padding:0px 10px 3px 20px;
	margin:0px;
	list-style:none;
	background-image:url(../images/activeli.gif);
	background-repeat:no-repeat;
	}
	
#LeftNavi li a {
	font-family:georgia;
	display:block;
	font-size:11px;
	color:#000;
	}
	
#LeftNavi li a:hover {color:#f00;text-decoration:none;}
#LeftNavi li a.active {color:#f00;}

#LeftNavi li ul  {
	list-style:none;
	padding:0 0 5px 0;
	margin:0 0 2px 0;
	border-bottom:1px dotted #999;
	width:170px;
	overflow:hidden;
	}

#LeftNavi li ul li {
	padding:0 0 0 10px;
	margin:0px;
	background-image:url(../images/subli.gif);
	background-repeat:no-repeat;
	line-height:14px;
	list-style:none;
	}
	
#LeftNavi li ul li a {
	font-family:arial;
	display:block;
	font-size:11px;
	color:#555;
	line-height:14px;
	}
/* Ende MainNavi */

#Content {
	width:800px;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	z-index:502;
	}
	
#NewsHeadPic {
	margin:-30px 0 0 400px;
	height:50px;
	z-index:503;
	position: relative;
	}
	
#TopNews {
	text-align:left;
	float:left;
	width:500px;
	/*height:200px;*/
	background-color:#222;
	margin:0px;
	padding:0px;
	border:0px;
	color:#fff;
	overflow:hidden;
	}
	
#TopNews .thumb {
	float:left;
	width:180px;
	/*height:180px;*/
	overflow:hidden;
	margin:10px 10px 0 10px;
	padding:0 0 10px 0;
	}
	
#TopNews .thumb a {margin:0px;padding:0px;width:180px;text-align:right;}
#TopNews .thumb a img {margin:0px;}	

#TopNews h1 {
	float:right;
	margin:10px 20px 10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #f00;
	font-size:15px;
	line-height:19px;
	font-weight:normal;
	width:270px;
	}
	
#TopNews p {
	color:#ccc;
	float:right;
	padding:0 0 10px 0;
	margin:0 20px 0 0;
	width:270px;
	font-size:11px;
	line-height:16px;
	}
	
#TopNews a {
/* 	float:right; */
	padding:0 20px 0 0;
	margin:0px;
	font-size:11px;
	line-height:16px;
	/*color:#f00;*/
	}
	
/*#TopNews a:hover {color:#ff0;}*/

#Newslist {
	float:right;
	width:300px;
	height:400px;
	overflow:auto;
	background-color:#FBF7F3;
	margin:0px;
	padding:0px;
	border:0px;
	}
	
#Newslist ul {
	float:left;
	width:265px;
	list-style:none;
	margin:0px;
	padding:5px 0 0 10px;
	border:0px;
	
	}
	
#Newslist li {
	clear:both;
	border-bottom:1px dotted #999;
	padding:8px 0 0 0;
	margin:0px;
	}
	
#Newslist li.first {
		padding:13px 0 0 0;
		clear:both;
		border-bottom:1px dotted #999;
		margin:0px;
		} 
	
#Newslist li.everysecond {
	/*background-color:#fff;*/
	clear:both;
	border-bottom:1px dotted #999;
	padding:8px 0 0 0;
	margin:0px;
	} 
	
#Newslist li.last {border:0px;}
	
#Newslist li h1 {
	padding:0 10px 0 10px;
	margin:0 0 2px 0;
	border:0px;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#f00;
	}
	
#Newslist b {font-weight:normal;}
	
.dateofnews {color:#666;font-size:10px;}
	
#Newslist li p {
	margin:0px;
	padding:0 10px 0 10px;
	font-size:9px;
	line-height:12px;
	font-family:verdana;
	color:#666;
	}
	
/*
#Newslist li a {
	float:right;
	padding:0 10px 0 10px;
	margin:0px;
	font-size:11px;
	line-height:16px;
	color:#f00;
	}
*/
	
/*#Newslist li a:hover {color:#000;}*/
/* Ende News */

#Hello {
	float:left;
	width:500px;
	margin:0px;
	padding:0px;
	border:0px;
	}
	
#Hello b {font-weight:normal;}

#Hello h1 {
	padding:0 20px 0 0;
	margin:20px 0 0 25px;
	font-size:18px;
	color:#000;
	font-weight:bold;
	
	font-weight:normal;
	}
	
#Hello h1 span{font-size:12px;font-family:arial}

#Hello p {
	color:#555;
	font-size:12px;
	font-weight:normal;
	padding:0 20px 0 25px;
	margin:20px 0 0 0px;
	line-height:18px;
	}
	
#Hello p span{color:#f00;}	
/* Ende 2. Navigation, Breadcrumbs, Contentbereich */


	
/* Fu�zeile, Produktpr�sentaion Index */
 #Bottomframe {
	position:relative;
	width:100%;
	left:0;
	text-align:center;
	height:30px;
	margin:0px;
	border:0px;
	padding:0px;
	z-index:10000;
	}
	
html>body #Bottomframe {
	z-index:10000;
	position:fixed;
	bottom:0px;
	width:100%;
	left:0;
	text-align:center;
	margin:0px;
	height:30px;
	}
	
#Footer {
	margin:auto;
	width:1000px;
	height:30px;
	background-image:url(../images/bg_footer.gif);
	background-repeat:no-repeat;
	}
	
/* Allgmeines | Tags */

	/* Bilder */	
	img {border:0px;margin:0px;padding:0px;}																
	
	/* Links */
	a {color:#06f;/*#oder:06c/original-blau:#005BAB*/;text-decoration:none;}
	a:hover {color:#f00;/*text-decoration:underline;*/}		
	:active, :focus {outline:none;text-decoration:none;} /* kickt die unsch�ne Outline um einen aktiven Link */
	
	/* �berschriften allg. */
	h1 {font-family:georgia;font-weight:normal;}
	h2 {font-family:georgia;font-size:12px;line-height:16px;color:#333;font-weight:bold;}
	h3 {font-family:georgia;font-size:12px;line-height:16px;color:#666;font-weight:bold;}
	
	/* Absatz */
	p {}

	/* Formularzeug */
	input {}
	input.button {}
	input.button:hover,input.button:active, {}
	select {}
	textarea {}
		
	fieldset {}
	legend {}
		
	/* Tabellen */
	
	.tpl1 .ctable {margin:0px;clear:both;width:750px;padding:0px;}
	.tpl2 .ctable {margin:0px;clear:both;width:450px;padding:0px;}
	
	table {
		padding: 0px;
		margin: 0px;
		border: 0px;
		width: 100%;
		}
		
	tbody {}
		
	tr {
		vertical-align: top;
		}
		
	tr.light, th.light, d.light {
		background-color:#D2D0D0;
		}
		
	th.link a {color:#000;}
	th.headline a {color:#f00;}
	
	th.link a:hover {color:#f00;}
		
	tr.everysecond {
		background-color:#fff;
		}
	
	th {
		font-weight: bold;
		padding:2px;
		border-bottom:1px dotted #000;
		}
	
	td {
		font-weight: normal;
		font-size:11px;
		line-height:16px;
		color:#333;
		padding:3px;
		border-bottom:1px dotted #000;
		}
	
	td,th {
		line-height: 16px;
		font-size:11px;
		margin: 0px;
		text-align: left;
		vertical-align: top;
		}
		
/* Format Projects in Bottomframe */
/* Projektleiste Index */
#Projektleiste {
  position:relative;
  z-index:20000000;
  width:760px;
  height: 125px;
  margin: auto;
  margin-top: -125px;
  padding: 0px;
  border: 0px;
}

#Projektleiste #Projekte {
  float: left;
  width: 720px !important;
  padding: 0px;
  border: 0px;
  overflow: hidden;
   position:relative;
}
    
#Projektleiste #Projekte ul {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 10000px;
}
    
#Projektleiste #Projekte ul li {
  float: left;
  width: 120px;
  height: 125px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
}

#Projektleiste .projekte_nav {
  float: left;
  width: 20px;
  height: 125px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
}

#Projektleiste .projekte_nav a {
  display: block;
  color: #000;
  width: 20px;
  height: 125px;
  line-height: 120px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
  font-size: 24px;
}

#Projektleiste .projekte_nav a:hover {
  color: #f00;
}
    
/* Move Editpanel for projects up */

#Projektleiste #Projekte .typo3-editPanel {
  position: relative;
  top: -50px;
} 
/* End Projektleiste Index */

		
/* Projektleiste_klein auf Folgeseiten */
#Projektleiste_klein {
  position:relative;
  float: left;
  z-index:20000000;
  width:500px;
  height:50px;
  margin:-25px 0 0 0;
  padding:0 0 0 200px;
  border: 0px;
}

#Projektleiste_klein #Projekte {
  float: left;
  width: 420px !important;
  padding: 0px;
  border: 0px;
  overflow: hidden;
    position:relative;
}
    
#Projektleiste_klein #Projekte ul {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 2000px;
}
    
#Projektleiste_klein #Projekte ul li {
  float: left;
  width: 70px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
  text-align:center;
}

#Projektleiste_klein .projekte_nav {
  float: left;
  width: 40px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
  text-align:center;
}

#Projektleiste_klein .projekte_nav a {
  display: block;
  color: #000;
  width: 40px;
  height: 50px;
  line-height: 75px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
  font-size: 24px;
}

#Projektleiste_klein .projekte_nav a:hover {
  color: #f00;
}