/* Bereiche     */

/* DIV-Bereiche definieren */
#auswahl 	{ position:absolute; overflow:visible; background-repeat:no-repeat; text-align:left; top:10px; left:0px; width:800px; height:90px; background:url(../bilder/bgr2.gif); -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px;	}
#main    	{ position:absolute; overflow:visible;	top:100px; left:0px; padding-left:0px; width:800px; z-index:1; background-color:#ffcc66; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px;}
#news    	{ 
	position:absolute; 
	overflow:visible;	
	top:265px; 
	left:480px; 
	padding-left:7px; 
	width:340px; 
	height:25px; 
	z-index:2; 
	background:url(../bilder/bgr2.gif); 
	opacity:0.8; 
	-moz-border-radius-topleft:8px; 
	-moz-border-radius-topright:8px;	
	-moz-border-radius-bottomleft:8px; 
	-moz-border-radius-bottomright:8px;
}
#main3    	{
	position:absolute;
	overflow:visible;
	top:310px;
	left:480px;
	padding-left:7px;
	width:340px;
	height:213px;
	z-index:3;
	background:url(../bilder/bgr4.gif);
	opacity:0.8; 
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
}
#abdeckung 	{ position:absolute; overflow:visible;	top:613px; left:300px; padding-left:0px; width:200px; height:60px; z-index:2; background-color:#ffcc66;  }
#motto	 	{ 
	position:absolute; 
	overflow:visible;	
	top:120px; left:30px; 
	padding-left:5px; 
	padding-right:5px; 
	padding-top:5px; 
	width:730px; 
	height:40px; 
	z-index:10; 
	background:url(../bilder/bgr2.gif); 
	opacity:0.7; 
	font: bold 10px Verdana ; 
	line-height:16px; color:#000000; 
	text-align:justify; 
	-moz-border-radius-topleft:12px; 
	-moz-border-radius-topright:12px;	
	-moz-border-radius-bottomleft:12px; 
	-moz-border-radius-bottomright:12px;
}
#inhalt	{ position:absolute; overflow:visible;	top:100px; left:0px; padding-left:20px; padding-right:20px; padding-top:15px; width:760px; z-index:10; background:url(../bilder/bgr6.gif); font: bold 12px Verdana ; line-height:19px; color:#ffffff; text-align:justify; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px;}
#inhalt2	{ position:absolute; overflow:visible;	top:15px; left:0px; padding-left:10px; padding-right:10px; padding-top:15px; width:800px; z-index:10; background:url(../bilder/bgr6.gif); font: bold 12px Verdana ; line-height:19px; color:#000000; text-align:justify; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px;}
#tourinfo	{ position:absolute; overflow:visible;	top:360px; left:0px; padding-left:20px; padding-right:20px; padding-top:5px; width:760px; z-index:10; background:url(../bilder/bgr6.gif); font: bold 12px Verdana ; line-height:19px; color:#ffffff; text-align:justify;}
#anmeldung	{ position:absolute; overflow:visible;	top:100px; left:0px; padding-left:20px; padding-right:20px; padding-top:15px; width:760px; z-index:10; background:url(../bilder/bgr6.gif); font: bold 12px Verdana ; line-height:19px; color:#ffffff; text-align:justify;}

#hintergrund { position:absolute; overflow:visible;	top:0px; left:50%; width:1800px; height:100%px; z-index:2; background:url(../bilder/bgr.gif)}

#zentrieren { width:800px; height:100%px; position:absolute; left:50%;	top:0px; margin-left:-380px; }	
  a.infobox { border-bottom: 0px dashed #990000; text-decoration:none; }
  a.infobox:hover { cursor:help; color:#990000; background:#ffcc66; }
  a.infobox span { visibility:hidden; position:absolute; margin-top:-1em; margin-left:1em;padding:1em; text-decoration:none; text-align:justify; width:20em;}
  a.infobox:hover span { visibility:visible; margin-left:10px; margin-top:1.5em; border:1px solid #990000; color:#990000; background:#ffCC66; }

#zentrieren_bilder { width:760px; height:100%px; position:absolute; left:50%;	top:0px; margin-left:-468px;}
  a.infobox { border-bottom: 0px dashed #990000; text-decoration:none; }
  a.infobox:hover { cursor:help; color:#990000; background:#ffcc66; }
  a.infobox span { visibility:hidden; position:absolute; margin-top:-1em; margin-left:1em;padding:1em; text-decoration:none; text-align:justify; width:20em;}
  a.infobox:hover span { visibility:visible; margin-left:10px; margin-top:1.5em; border:1px solid #990000; color:#990000; background:#ffCC66; }
  
#zentrieren_newsbox { width:280px; height:100%px; position:absolute; left:50%;	top:0px; margin-left:-100px; }	

/* Schriftformate definieren */
.newsticker_weiss	 {font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; line-height:25px; font-weight:normal; color:#ffffff; text-decoration:none; text-align:middle;   vertical-align:default;}
.newsticker_schwarz	 {font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; line-height:25px; font-weight:normal; color:#000000; text-decoration:none; text-align:middle;   vertical-align:default;}
.newsticker_rot  {font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; line-height:25px; font-weight:normal; color:#FF0000; text-decoration:none; text-align:middle;   vertical-align:top;}
.plus_rot  {font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; line-height:18px; font-weight:normal; color:#FF0000; text-decoration:none; text-align:middle;   vertical-align:top;}
.infobalken {font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; line-height:18px; font-weight:bold; color:#000000; text-decoration:none; text-align:default;   vertical-align:default; border-bottom:2px dashed;border-color:#ff9900; }
.rot10  {font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; line-height:14px; font-weight:normal; color:#FF0000; text-decoration:none; text-align:middle;   vertical-align:top;}
.rot16b  {font-family:Verdana,Arial,Helvetica,sans serif; font-size:16px; line-height:22px; font-weight:bold; color:#FF0000; text-decoration:none; text-align:middle;   vertical-align:top;}
.fussnote {font-family:Verdana,Arial,Helvetica,sans serif; font-size:9px; line-height:12px; font-weight:400; color:#990000; text-decoration:none; text-align:middle;   vertical-align:middle; background:transparent:}
.schwarz9	 {font-family:Verdana,Arial,Helvetica,sans serif; font-size:9px; line-height:13px; font-weight:400; color:#000000; text-decoration:none; text-align:middle;   vertical-align:default;}
.schwarz10	 {font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; line-height:13px; font-weight:400; color:#000000; text-decoration:none; text-align:middle;   vertical-align:default;}
.schwarz10b	 {font-family:Verdana,Arial,Helvetica,sans serif; font-size:10px; line-height:13px; font-weight:bold; color:#000000; text-decoration:none; text-align:middle;   vertical-align:default;}
.schwarz12	 {font-family:Verdana,Arial,Helvetica,sans serif; font-size:12px; line-height:15px; font-weight:400; color:#000000; text-decoration:none; text-align:middle;   vertical-align:default;}
.schwarz12b	 {font-family:Verdana,Arial,Helvetica,sans serif; font-size:12px; line-height:15px; font-weight:bold; color:#000000; text-decoration:none; text-align:middle;   vertical-align:default;}
.gelb12b	 {font-family:Verdana,Arial,Helvetica,sans serif; font-size:12px; line-height:15px; font-weight:bold; color:#FFFF99; text-decoration:none; text-align:middle;   vertical-align:default;}

/* Formulare formatieren */
td, input, select, textarea { font-size:10px; font-family:Verdana,sans-serif; font-weight:bold; }
input, select, textarea { color:#333333 }
.Feld { resize:none; max-width:700px; background-color:#ffcc66;-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; }
.Button { background-color:#FF6600; font-size:12px; font-weight:bold; height:24px;-moz-border-radius-topleft:8px; -moz-border-radius-topright:8px;	-moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px;}

/* Format Navigation bestimmen - Menüs und Untermenüs */
.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 0px;
border-top: opx;
background: transparent;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 5px; /*padding inside each tab*/
border-right: 1px solid #ff9900; /*right divider between tabs*/
border-bottom: 0;
color:#000000;
background:url(../buttons/verlauf_passiv_30.gif);
}

.mattblackmenu li a:visited{
color: #000000;
}

.mattblackmenu li a:hover{
background:url(../buttons/verlauf_aktiv_30.gif); /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background:url(../buttons/verlauf_aktiv_30.gif); /*background of tab with "selected" class assigned to its LI */
}

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 10px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
color: #000000;
background: url(../buttons/verlauf_passiv_21.gif);
border: 0px solid #333333;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 100%; /*width of menu (not including side paddings)*/
color: #000000;
background: url(../buttons/verlauf_passiv_21.gif);
text-decoration: none;
padding: 2px 2px;
border-bottom: 0px solid #333333;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 300px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background:url(../buttons/verlauf_aktiv_21.gif);
color: #ff3300;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 2px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 2px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}