body { 
		font-family: arial, verdana; 
		margin: 0px; padding: 0;
		background-color: #323232;
}

p {
		color: #cccccc; 
		font-size:75%; 
		font-family: arial, verdana, sans-serif;  
}

h1 {
		color: #ffffff; font-size:30pt; 
		font-family:arial, verdana, sans-serif;  
		font-weight:normal;  
		margin: 10px; 
}

h2 	{
		color: #ffffff; 
		font-size:15pt; 
		font-family: arial, verdana, sans-serif;  
		font-weight:normal;  
		margin: 10px; 
}

h3 {
		color: #cccccc; 
		font-size:15pt; 
		font-family: arial, verdana, sans-serif;  
		font-weight:normal;  
		margin: 7px; 
}

.xy	{
		font-size:70%; 
		font-family: arial, verdana, sans-serif;
}

ul 	{
		font-size:12px; 
		color: #cccccc; 
		font-family: arial, verdana,sans-serif; 
		list-style-type: square; 
		padding: 0px; 
		margin: 0px 0px 15px 15px;
}

li {
		font-size:12px; 
		font-family: arial, verdana, sans-serif; 
		margin: 0px 0px 0px 25px;
}

a  {
		color:#66CCFF; 
		font-weight:bold;
		text-decoration: none;
}

a:link  {
		color:#66CCFF; 
		font-weight:bold;
		text-decoration: none; 
}

a:hover { 
		color: #ffffff;   
		font-weight:bold; 
		text-decoration: none; 
}


#cu3er-container {
		width:715px; 
		outline:0;
}


#leftbg {
    	width: 10px;
   	 	background: URL("Images/schatten_links.jpg"); 
		margin:0; 
		padding:0;
}

#rightbg {
   		width: 10px;
    	background: URL("Images/schatten.jpg"); 
		margin:0; 
		padding:0;
}
	
#naviaktuell {
		color: #ffffff ; 
    	height: 70px;
    	background: URL("Images/background3.gif"); 
		margin:0; 
		padding:0;
}

#navi1 {
    	height: 75px;
    	background: URL("Images/background2.gif"); 
		margin:0; 
		padding:0;
}

#navi1:hover {
    	height: 75px;
    	background: URL("Images/background3.gif"); 
		margin:0; 
		padding:0;
}
  
#navi2 {
    	height: 75px;
    	background: URL("Images/background2.gif"); 
		margin:0; 
		padding:0;
}

#navi2:hover {
    	height: 75px;
    	background: URL("Images/background3.gif"); 
		margin:0; 
		padding:0;
}  
  
#navi3 {
    	height: 75px;
    	background: URL("Images/background2.gif"); 
		margin:0; 
		padding:0;
}

#navi3:hover {
    	height: 75px;
    	background: URL("Images/background3.gif"); 
		margin:0; 
		padding:0;
} 

#navi4 {
    	height: 75px;
    	background: URL("Images/background2.gif"); 
		margin:0; 
		padding:0;
}

#navi4:hover {
    	height: 75px;
    	background: URL("Images/background3.gif"); 
		margin:0; 
		padding:0;
}
   
#navi5 {
    	height: 75px;
    	background: URL("Images/background2.gif"); 
		margin:0; 
		padding:0;
  }
#navi5:hover {
    	height: 75px;
    	background: URL("Images/background3.gif"); 
		margin:0; 
		padding:0;
} 
 
#navi6 {
    	height: 75px;
    	background: URL("Images/background2.gif"); 
		margin:0; 
		padding:0;
}

#navi6:hover {
   		height: 75px;
    	background: URL("Images/background3.gif"); 
		margin:0; 
		padding:0;
} 

#navi7 {
    	height: 75px;
    	background: URL("Images/background2.gif"); 
		margin:0; 
		padding:0;
}

#navi7:hover {
   	 	height: 75px;
    	background: URL("Images/background3.gif"); 
		margin:0; 
		padding:0;
} 
    
#navi8 {
    	height: 75px;
    	background: URL("Images/background2.gif"); 
		margin:0; 
		padding:0;
}

#navi8:hover {
    	height: 75px;
    	background: URL("Images/background3.gif"); 
		margin:0; 
		padding:0;
}           
  
#navimenu1 {
    	background: URL("Images/background.gif"); 
		margin:0; 
		padding:0;
}

#navimenu1 a {
     	color: #cccccc; 
		font-size:80%; 
		font-family: arial, verdana, sans-serif;
		font-weight:bold;
}  

#navimenu1:hover {
    	background: URL("Images/background_1.gif"); 
		margin:0; 
		padding:0;
}  

#navimenu2 {
    	background: URL("Images/background.gif"); 
		margin:0; 
		padding:0;
}

#navimenu2 a {
     	color: #cccccc; 
		font-size: 80%; 
		font-family: arial, verdana, sans-serif;
		font-weight: bold;
} 
	
#navimenu2:hover {
    	background: URL("Images/background_1.gif"); 
		margin:0; 
		padding:0;
}  

#navimenu3 {
    	background: URL("Images/background.gif"); 
		margin:0; 
		padding:0;
}

#navimenu3 a {
     	color: #cccccc; 
		font-size:80%; 
		font-family: arial, verdana, sans-serif;
		font-weight:bold;
} 
  
#navimenu3:hover {
    	background: URL("Images/background_1.gif"); 
		margin:0; 
		padding:0;
}  

#navimenu4 {
   		background: URL("Images/background.gif"); 
		margin:0; 
		padding:0;
}

#navimenu4 a {
     	color: #cccccc; 
		font-size:80%; 
		font-family: arial, verdana, sans-serif;
		font-weight:bold;
} 
  
#navimenu4:hover {
   		background: URL("Images/background_1.gif"); 
		margin:0; 
		padding:0;
}        
  
#navimenuaktuell {
    	background: URL("Images/background_1.gif"); 
		margin:0; 
		padding:0;
}

#navimenuaktuell a {
     	color: #cccccc; 
		font-size:80%; 
		font-family: arial, verdana, sans-serif;
		font-weight:bold;
}  

.navitext	{ 
		color: #cccccc; 
		font-size:90%; 
		font-family: arial, verdana, sans-serif ;
		font-weight:bold; 
		margin:0px; 
		padding:0px;
		text-align:center;
}

.navitext a	{ 
		color: #cccccc; 
		font-size:90%; 
		font-family: arial, verdana, sans-serif ;
		font-weight:bold; 
		margin:0px; padding:0px;
		text-align:center;
}

.navitext a:hover { 
		color: #ffffff; 
		font-size:90%; 
		font-family: arial, verdana, sans-serif ;
		font-weight:bold; 
		margin:0px; 
		padding:0px;
		text-align:center;
}

.naviaktuelltext { 
		color: #ffffff; 
		font-size:90%; 
		font-family: arial, verdana, sans-serif ;
		font-weight:bold; 
		margin:0px; 
		padding:0px;
		text-align:center;
}

.naviaktuelltext a	{ 
		color: #ffffff; 
		font-size: 90%; 
		font-family: arial, verdana, sans-serif ;
		font-weight:bold; 
		margin:0px; 
		padding:0px;
		text-align:center;
}

#naviblau {
    	background: URL("Images/aktuell_blau.gif"); 
		margin:0; 
		padding:0; 
		height:10px;
		background-repeat:repeat-x;
}


.footer { 
		color: #66CCFF; 
		font-size:75%; 
		font-family: arial, verdana, sans-serif;
		font-weight:bold; 
		margin:0px; 
		padding:0px;
		text-align:right;
}

.footer a:active { 
		color: #cccccc;  
		font-family: arial, verdana, sans-serif ;
		font-weight:bold; 
		margin:0px; 
		padding:0px;
		text-align:right;
}

.footer a:hover	{ 
		color: #ffffff;  
		font-family: arial, verdana, sans-serif ;
		font-weight:bold; 
		margin:0px; 
		padding:0px;
		text-align:right;
}


.copyright { 
		color: #cccccc; 
		font-size:60%; 
		font-family: arial, verdana, sans-serif; 
		font-weight:bold; 
		margin:0px; 
		padding:0px;
		text-align:right; 
		line-height:2em;
}

TEXTAREA { 
		background-color:#999999;
		font-size: 10pt; 
		color: #ffffff; 
		font-family: arial, verdana, sans-serif;
}

.kontakt input, select, textarea { /* Alle Labels UND Formularelemente auswählen */
		font-family:arial, verdana, sans-serif;
		font-size:12px;
 		background-color:#333;
  		border: 1px solid #666;
  		color:#fff;		
  		padding: 3px;
		width: 400px;
}

.kontakt input.color {
		background-color: #666666;
		color: #66CCFF;
		font-weight:bold;
		font-size:14px;
		width: 400px;
		border: 1px solid #66CCFF;
}

.kontakt input.color:hover {
		color: #000;
		background-color: #cccccc;
		width: 400px;
}

.kontakt  input.back {
		color: #666;
		width: 100px;
		background-color: #ccc;
		font-size:9px;
		font-weight:normal;
}

.kontakt  input.back:hover {
		color: #000;
		background-color: #666;
}

.kontakt   input:focus, .kontakt textarea:focus {
		background: #666;
}

.trenner {
   		background: URL("Images/trenner.gif"); 
		width:95%;
		background-repeat:repeat-x;
		height:2px;
		margin:5px; 
		padding:0;
}

.trenner2 {
    	background: URL("Images/trenner.gif"); 
		width:98%;
		background-repeat:repeat-x;
		height:2px;
		margin:5px; 
		padding:0;
}
  
.navitrenner {
    	background: URL("Images/trenner.gif"); 
		width:100%;
		background-repeat:repeat-x;
		height:2px;
		margin:0; 
		padding:0;
}


a:hover .auto, a:hover .auto1 {
		font-size: 70%;
		border-bottom: #2D404F 1px solid;
		border-left: #2D404F 1px solid;
		border-right: #2D404F 1px solid;
		border-top: #2D404F 1px solid;
		filter:Gray();
}
	
.auto {
		border-color: #ffffff;
		border-style: solid;
		border-width: 1px;
		margin: 0px;
}
		
.boxgrid { 
		border-color: #999999;
		border-style: solid;
		border-width: 4px;
		width: 240px; 
		height: 70px; 
		margin:5px; 
		float:center; 
		overflow: hidden; 
		position: relative; 
}

.boxgrid img { 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
}

.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{ 
		float: left; 
		position: absolute; 
		background: #000; 
		height: 100px; 
		width: 100%; 
		opacity: .7; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
 		top: 80px;
 		left: 0;
}

.caption .boxcaption {
 		top: 80px;
 		left: 0;
}


.boxgrid2 { 
		border-color: #999999;
		border-style: solid;
		border-width: 4px;
		width: 155px; 
		height: 105px; 
		margin:1px; 
		float:center; 
		overflow: hidden; 
		position: relative; 
}

.boxgrid2 img { 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
}

.boxgrid2 p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption2 { 
		float: left; 
		position: absolute; 
		background: #000; 
		height: 100px; 
		width: 100%; 
		opacity: .7; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull2 .boxcaption2 {
 		top: 105px;
 		left: 0;
}

.caption2 .boxcaption2 {
 		top: 105px;
 		left: 0;
}






				
.gradualfader:hover{  
		border: 0px #32A0C8; 
}

.gradualfader:focus img,
.gradualfader:hover img,
.gradualfader:active img{
		border:4px solid #32A0C8;				
}