html, body {margin: 0; padding: 0; width: 100%; height: 100%;}

body {
	background-color:#8298A6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 140%;
}

p {	font-size: 93%;}

h1, h2, h3 {}


/* ------------------------------------- */
.skipover {
	position: absolute;
	left: -2000px;
	width: 0;
}

#navigation {
	position: absolute;
	/*top: 132px;*/
	top:0px;
	left: 509px;
	background: none;
	width: 160px;
	height: 185px;		
}
#navigation ul { list-style-type: none; margin: 0; padding: 0; }
#navigation ul li {	font-size: 66%; margin: 0; padding: 0; line-height: 100%; }
#navigation ul li a { color: #fff; text-decoration: none; }
#navigation ul li a:hover { color: #FDB211; }
#navigation ul li#Projekte {	margin: 3px 0 0 12px; }
#navigation ul li#Termine {	margin: 27px 0 0 21px; }
#navigation ul li#Shop {	margin: 25px 0 0 35px; }
#navigation ul li#Jugendarbeit {	margin: 16px 0 0 1px; }
#navigation ul li#News {	margin: 14px 0 0 59px; }
#navigation ul li#Veranstaltungen {	margin: 26px 0 0 62px; }

/* je ein Pixel weniger Top-Margin für die IEs : */
* html  #navigation ul li#Projekte {margin: 2px 0 0 12px; }
* html  #navigation ul li#Termine {margin: 26px 0 0 21px; }
* html  #navigation ul li#Shop { margin: 24px 0 0 35px; }
* html  #navigation ul li#Jugendarbeit { margin: 15px 0 0 1px; }
* html  #navigation ul li#News { margin: 13px 0 0 59px; }
* html  #navigation ul li#Veranstaltungen { margin: 25px 0 0 62px; }





#quicklinks { 
  position: relative; 
  /*float: left;*/
  background: none;	 
  color: #466F91; 
  font-size: 58%; 
  line-height: 120%;	
  width:100%; 
  height:20px;
  overflow:hidden;
}
* html #quicklinks {}
#quicklinks a { vertical-align: top; text-decoration: none;	color: #466F91;	margin: 0 5px 0 5px; padding: 0; /*für IE 5 : */	width: 10px; }
#quicklinks a:hover { color: #fff;	}
/* macina searchbox */
#quicklinks .tx-macinasearchbox-pi1 { display:block; float:right; vertical-align: middle; margin-right:10px; }
#quicklinks .tx-macinasearchbox-pi1 form { display:inline; margin:0; padding:0;}
#quicklinks .tx-macinasearchbox-pi1 form input.sword { font-size:100%; width: 119px; height: 11px; position:relative; top:3px; left:4px;    border-top:1px solid #F1F1F1; border-right:1px solid #7F7F7F; border-bottom:1px solid #7F7F7F; border-left:1px solid #F1F1F1;}
#quicklinks .tx-macinasearchbox-pi1 form input.searchbox-submit { height: 15px; color: #8298A6; margin: 0px 0 -5px 3px; padding: 0px 0 0 0; }
* html #quicklinks .tx-macinasearchbox-pi1  {position:relative; top:0px; left:0; }
* html #quicklinks .tx-macinasearchbox-pi1 form input.searchbox-submit { position:relative; top:0px; left:3px; }

.quicklinks-left {
  position:absolute;
  left:0px;
  left:10px;
  top:5px;
}

.quicklinks-right {
  position:absolute;
  right:10px;
  top:5px;
}

#suche {
	position: relative;
	top: 10px;
	left: 30px;
	/*float: left;*/
	background: none;
	color: #fff;
	font-size: 58%;
	line-height: 120%;		
}
#slogan {
	position: absolute;
	top: 27px;
	left: 0;
	background: none;
	width: 772px;
	height: 50px;
	margin: 0;
	padding: 0;
	border: none;		
	
}
#content-container { 
	position: absolute;
	/*top: 439px;*/
	top:150px;
	
	left: 0;
	background: #fff url('logo_klein.gif') 0 0 no-repeat;
	width: 100%;
	height: 225px;
	margin: 0;
	padding: 0;
	border: none;	
	margin-top:500px;
}
#content-main { 
	position: relative;
	
  top: 13px;
	
  left: 129px;
  
  
	
	/*margin: 0;*/
	padding: 0;
	width: 871px;
	border: none;	
	font-size: 66%;
	line-height: 120%;
	color: #8298A6;
}
#content-main p { margin: 0; padding: 0; }
#content-border { 
	position: relative;
	top: 13px;
	left: 129px;
	background: none;
	margin: 0;
	padding: 0;
	width: 620px;
	border: none;	
	font-size: 66%;
	line-height: 120%;
	color: #666666;
}
#content-border p {	margin: 10px 0; padding: 0; line-height: 120%;  }
#content-border a {	color: #666666; }
#content-border .csi-textpic, #content-border .csi-textpic .csi-text { float: left; margin: 0; padding: 0;}
#content-border .csi-textpic .csi-image { float: left; margin: 6px 0 0 10px; }

#foto1 {
	position: absolute;
	top: 91px;
	left: 27px;
	background: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;		
}
#foto2 {
	position: absolute;
	top: 90px;
	left: 605px;
	background: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;		
}

#scroller {
  
  position:relative;
  width:100%;
  height:60px;
  
  margin-top:-5px;
  
}

#scroller DIV {
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}

.tx_jsticker_pi1-tickertext{ 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 56px;
  font-weight:normal;
  color:#a4b5bf; 
  display:inline;
  line-height:100%;
}

.tx_jsticker_pi1-tickertext P,
.tx_jsticker_pi1-tickertext DIV {
  display:inline;
}

#menu {
  margin-left:636px;
  margin-top:30px;
}

#menu .startmenuitem A {
  color:#ffffff;
  font-size:8pt;
  text-decoration:none;
}

#menu .startmenuitem A:hover {
  color:#a4b5bf; 
}

#startmenuitem-ljr {
  margin-top:22px;
  margin-left:-20px;
}

#startmenuitem-News {
  margin-top:18px;
  margin-left:-18px;
}

#startmenuitem-Projekte {
  margin-top:14px;
  margin-left:0px;
}

#startmenuitem-Themen {
  margin-top:8px;
  margin-left:-28px;
}

#startmenuitem-Veranstaltungen {
  margin-top:-4px;
  margin-left:-18px;
}

#startmenuitem-Shop {
  margin-top:8px;
  margin-left:28px;
}

#image-left {
  position:absolute;
  left:140px;
  top:57px;
  
  width:191px;
  height:173px;
}

#image-right {
  position:absolute;
  left:710px;
  top:47px;
  
  width:150px;
  height:200px;
}

#imagescroller-wrap {
  position:relative;
  width:100%;
  height:200px;
  /*background-color:#a4b5bf;*/ 
  margin-top:15px;
}

#imagescroller {
  position:relative;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  
}

#center-wrap {
  width:100%;
  position:relative;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#center {
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  margin-bottom:0px;
  padding:0 0 0 0;
  
  background-image:url(start_bg4.gif);
  background-repeat:no-repeat;
  background-position:140px 55px;
  position:relative;
  
  height:390px;
}

#login {
  position:absolute;
  left:760px;
  top:257px;
  
  width:44px;
  height:50px;
}

#login a {
  display:block;
  width:44px;
  height:50px;
  background-image:url(../../fileadmin/images/login.gif);
  background-repeat:no-repeat;
}

#login a:hover {
  background-image:url(../../fileadmin/images/login_h.gif);
}

#login a img {
  border:0px none;
}