/*  FARBEN
      Harry Guenther blau   #00266D
      dunkles orange        #FD7D12
      helles orange         #FED2AC
      gelb                  #FBF800

*/      

html {
 height: 100%;
 }
 
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: url(body-bg.png) no-repeat center #ffffff;
  font-family: arial, sans-serif;
  font-size: 13px;
  } 
  
a {
  text-decoration: none;
}  

a img {
  border: none;
}  


  
#wrapperOuter {
 	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

#wrapperMiddle {
  margin-left: -421px;
	position: absolute;
	top: -241px;
	left: 50%;
	width: 843px;
	height: 482px;
	visibility: visible;
  background: url(brille-bg.jpg) no-repeat 15px 250px;
}

#links {
  	float: left;
  	width: 190px;
	overflow:hidden;
}

/*###########################################*/
/* Menü                                      */
/*###########################################*/


#navigation {
  	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 60px 0 0 25px;
	padding: 0;
	font-size: 85%;
}

#navigation li {
  padding: 2px 0;
  background: url(quad-hell.gif) no-repeat left center;
}

#navigation a {
  color: #FD7D12;
  padding-left: 25px;
}

#navigation a:hover, #navigation a.aktiv {
  color: #00266D;
  background: url(quad-dunkel.gif) no-repeat left center;
}

#navigation li.active {
  background: url(quad-dunkel.gif) no-repeat left center;
}

#logoScroller {
  margin-top: 83px;
  margin-left: 20px;
  font-size: 85%;
  color: #FD7D12;
}

div[id]#logoScroller {
  margin-top: 100px;
  }

#logoScroller p {
  margin: 0 0 1ex 0;
}

#rechts {
  float: right;
  width: 640px;
  height: 482px;
}

/*###########################################*/
/* Inhaltsbereich                            */
/*###########################################*/

#text {
  height: 390px;
  margin-top: 60px;
  padding-right: 20px;
  padding-left: 40px;
  overflow: auto;
  line-height: 140%;
  font-size: 90%;
  text-align: justify;
}

#text h2 {
	position: relative;
	margin: 0 0 1.5ex 0;
	left: -40px;
	color: #FD7D12;
	font-size: 110%;
	font-weight: bolder;
	text-transform: uppercase;
}

#text .csc-textpic-border img {
	border: #FF7B10 solid 2px;
	width: 200px;
	height: 100px;
}
      
#text a {
  color: #FD7D12;
}

#text a:hover {
  color: #00266D;
}  
  
#aktionNews {
  width: 310px;
  margin-left: 60px;
  background: #FD7D12;
  padding: 2px;
}  

#aktionNews p {
  font-size: 85%;
  color: white;
  padding: 0;
  background: #FD7D12;
}

#aktionNews p.links {
  float: left;
  width: 280px;  
}

#aktionNews p.links strong {
  color: #FBF800;
}

#aktionNews p.rechts {
  float: right;
  width: 185px;
}

#aktionNews p.rechts strong {
  color: white;
}

.csc-textpic-caption {
	color: #FF7B10;
	font-size: 10px;
}

/*###########################################*/
/* Fußfunktionen                             */
/*###########################################*/

#footer {
}

#footer li {
	list-style: none;
}

#footer .nach_oben {
  position: absolute;
  top: 460px;
  right: 110px;
  width: 16px;
  height: 16px;
}

#footer .nach_oben a {
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../images/top.gif);
  text-indent: -9999px;
}

#footer .drucken {
  position: absolute;
  top: 460px;
  right: 80px;
  width: 16px;
  height: 16px;

}

#footer .drucken a {
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../images/print.gif);
  text-indent: -9999px;
}

#footer .madeby {
  text-indent: -9999px;
}

#footer .impressum {
	position: absolute;
	top: 490px;
	right: 10px;
}

#footer .impressum a {
	color: #808080;
}