/*@charset"iso-8859-1"*/
.buttonscontainer{width:170px;}
a.buttons {color:#FFFF99;border:1px solid;background-color:#FFFFCC;padding:2px;padding-left:3px;font:12px Georgia, sans-serif;font-weight:bold;text-decoration:none;border-color:#3A5A52;display:block;margin:0px;width:100%;text-align:left;}
a.buttons:hover{border:1px solid;padding-left:4px;padding-top:3px;padding-bottom:1px;padding-right:1px;background-color:#FFFFCC;border-color:#3A5A52;color:#333300;text-decoration:none;}
.table{width:650px;background-color:Transparent;font-size:0.8em;}
input.button{width:75px;height:auto;margin-top:5px;background-color:#FFFFCC;border-color:#3A5A52;color:#123814;font-size:1.3em;font-style:italic;font-weight:bold;text-decoration:none;cursor:pointer;}
input.button:hover{
	width:75px;
	height:auto;
	margin-top:5px;
	background-color:#FFFFCC;
	border-color:#3A5A52;
	color:#F00;
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
.vabb{vertical-align:bottom;}
.scode{border:0;width:120px;height:50px;font-size:18px;display:inline;float:left;visibility:visible;color:#996600;}
.cap{width:45px;margin-top:5px;color:#000080;}
input.sm{width:20px;color:#000080;}
.title{font-family:Georgia;font-size:18px;line-height:30px;background-color:#990000;color:#FFFF66;}
.subtitle{font-family:Georgia;font-size:16px;line-height:20px;font-weight:bold;color:#660000;font-style:oblique;}
.header{font-family:Georgia;font-size:24px;}
.navi{font-family:georgia;font-size:16px;height:24px;color:#FFFFCC;background:transparent;text-decoration:none;cursor:pointer;display:block;}
.navi:Hover{color:#512D09;background-color:#FFFFCC;text-decoration:none;display:block;}
.navext{color:#FFFFCC;font-size:12px;}
.navext:Hover{color:#FFFFCC;text-decoration:underline;font-size:12px;}
.sidebar{font-family:Georgia;font-size:12px;line-height:18px;padding:3px;background-color:#FFFF99;}
.sidebarHeader{font-family:Georgia;font-size:14px;line-height:18px;color:#FFFF99;background-color:#999933;font-weight:bold;}
.sidebarFooter{font-family:Georgia;font-size:12px;line-height:18px;background-color:#FFFF99;color:#990000;}
.footer{font-family:Georgia;font-size:11px;font-weight:bold;line-height:22px;color:#FFFFCC;}
.legal{font-family:Georgia;font-size:12pt;color:#FFFFCC;}
.box1{width:600px;}
.promo{font-family:Times, serif;color:#000033;}
.titlebar{font-family:Times, serif;font-size:9px;color:#FFFFFF;background-color:#513514;}
.dingbat{font-family:Georgia;background-color:#CCCC99;color:#660000;font-weight:bolder;font-size:medium;}
input.big{width:200px;color:#000080;}
input.small{width:100px;color:#000080;}
input.textarea{width:260px;color:#000080;}
.textareah2{font-family:Georgia;font-size:18px;color:#006;}
.siteview{font-family:Georgia;font-size:10px;color:#006;}
.textarea1{
	font-family:Georgia;
	font-size:12px;
	color:#006;
	text-align:left;
}
.table_title_ws{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:#B75611;color:#FFFFFF;font-weight:bold;}
.table_ws{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:#FAE9CB;}
.small_font{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#000000;}
h6{
	font-size:10px;
	color:#000099;
}
h5{
	font-size:12px;
	color:#000099;
}
h4{
	font-size:12px;
	color:#000099;
}
h3{
	font-size:18px;
	color:#000099;
}
h2{
	font-size:24px;
	color:#000066;
}
h1{
	font-size:36px;
	font-family:Georgia;
	font-style:italic;
	color:#000066;
}
a:visited{
	color:#900;
	text-decoration:none;
	font-size:14px;
	font-family:Georgia;
}
a:hover{
	text-decoration:underline;
	color:#030;
	text-decoration:none;
	font-size:14px;
}
a:link{
	color:#900;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
}
td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006;
}
tr{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
/* Freiraum */
html,body{
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(images/blue_earth_jb.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	width:100%;
	color:#003;
}
#pagewidth{width:100%;text-align:left;margin-left:auto;margin-right:auto}
#header{background-image:url(images/webartbg_n.png);position:relative;height:140px;background-color:transparent;width:1000px;border-color:#CCCCCC;border-style:ridge;
	border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0; 
-moz-border-radius: 10px 10px 0 0;}
#navi{width:auto;}	
#rightcol{
	width:22%;
	float:right;
	position:relative;
	background-color:transparent;
}
#container {

	width: 1007px;
	background-color: #FFF;
	margin: 0 auto;
	border-color:#CCCCCC;
	border-style:ridge;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;/* Durch die Angabe der Breite und Verwendung des Werts "auto" für die Seiten wird das Layout zentriert. */
	color: #006;
	background: linear-gradient(left, #88B1C8, #fff);
background: -moz-linear-gradient(left, #88B1C8, #fff);
background: -webkit-gradient(linear, left top, right top,
from(#88B1C8), to(#fff));
background: -o-linear-gradient (left, #88B1C8, #fff);

filter: progid:DXImageTransform.Microsoft.gradient
(GradientType=1, startColorstr=#88B1C8, endColorstr=#ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
(GradientType=1, startColorstr=#88B1C8, endColorstr=#ffffff)";
zoom: 1;
 opacity:0.85; /*CSS3*/
    filter: alpha(opacity=85); /*Internet Explorer*/
    -moz-opacity: 0.85; /*Mozilla*/
}
#advertis {float:right;
padding-top:300px;
position:relative;
}
#maincol{float:left;display:inline;position:relative;width:75%; padding-left:5px; padding-right:10px;
}
#footer{height:50px;background-color:transparent;background-image:url(images/footer.png);clear:both;width:1000px;border-color:#CCCCCC;border-style:ridge;	border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px; 
-moz-border-radius:0 0 10px 10px;}
#clearfix:after{display:block;height:0;clear:both;visibility:hidden}
#clearfix{display:block}
* html .clearfix{height:1%}
#clearfix{display:block}
/* -- Druckeinstellungen --*/
@media print{#rightcol{display:none;}
#header{display:none;}
#navi{display:none;}
#container{border:none;}
#footer{display:none;}
#maincol{width:65%;float:none; font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align:justify;page-break-inside:avoid !important;}
}
/*------------------------------------------------*/
.cleardiv {
	visibility:hidden;
	height:30px;
	border:none;
}
a.nav{
	font-family:georgia;
	font-size:14px;
	color:#000099;
	text-decoration:none;
	cursor:pointer;
}
a.nav:Hover{
	color:#F00;
	text-decoration:none;
	text-align:left;
}
a.subnav{font-family:georgia;font-size:16px;width:150px;color:#000099;background-color:#CCCCCC;text-decoration:none;cursor:pointer;display:block;}
a.subnav:Hover{color:#FFFFFF;width:150px;background-color:#69CBD6;text-decoration:none;display:block;text-align:center;}
pre{display:block;font:100%"Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background-color:#e3f4f9;margin:.5em 0;overflow:auto;width:800px;}
img{
	border:none;
	text-align: center;
}
ul,li{margin:0;padding:0;}
li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
	color: #006;
}
#text {
	float:right;
	text-align:left;
	vertical-align:top;
}
.tabellenfarbe_1{
	background-color:transparent;
	color: #006;
}
.tabellenfarbe_2{
	background-color:transparent;
	color: #006;
}
.tabellenfarbe_3{
	background-color:transparent;
	color: #006;
}
.year {
	border-style: outset;
	border-width: 1px;
	background-color: #999;
	text-align: center;
	color: #006;
}
.month {
	border-style: none;
	border-style:solid;
	border-color:#DFDFDF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #999;
	text-align: center;
	color: #006;
}
.yearname {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #009;
}
.monthname {
	text-align: center;
	font-size: 13px;
	height: 30px;
	background-color: #CCC;
	color: #006;
}
.yearnavigation {background-color: #dddddd;}
.monthnavigation {background-color: #dddddd;}
.datepicker {background-color: #ffffff;}
.datepickerform {margin: 0px;}
.monthpicker {
	background-color: #CCC;
	color: #006;
}
.yearpicker {background-color: #CCC;
	color: #006;}
.pickerbutton {background-color: #eeeeee; border-style: none;}
.dayname td {
	text-align: center;
	font-size: 13px;
	background-color: #dddddd;
	color: #006;
}
.nomonthday {
	background-color: #CCC;
	height:25px;
	width:25px;
	color: #006;
}
.monthday {text-align: center; background-color: #e9e9e9; height:25px; width:25px;}
.today {text-align: center; background-color: #ffff99; height:25px; width:25px;}
.selectedday {text-align: center; background-color: #66ff66; height:25px; width:25px;}
.sunday {text-align: center; font-weight: bold; color: red; height:20px; width:20px;}
.sunday a {color: red;}
.saturday {text-align: center; font-weight: bold; color: red; height:20px; width:20px;}
.saturday a {color: red;}
.event {text-align: center; color: red; background-color: #ffff99; height:20px; width:20px;}
.event a {background-color: #ffff99; color: red;}
.selectedevent {text-align: center; color: red; background-color: #ffff99; height:20px; width:20px;}
.selectedevent a {background-color: #ffff99; color: red;}
.todayevent {text-align: center; color: red; background-color: #ffff99; height:20px; width:20px;}
.todayevent a {background-color: #ffff99; color: red;}
.eventcontent {font-size: 10px; border-style: outset; border-width: 1px;} 
#preview{
	position:absolute;
	border:1px solid #ccc;
	background-color:#333;
	padding:5px;
	display:none;
	color:#006;
}
.Stil2{font-size:14px;font-weight:bold;}
.Stil3{font-size:10px}
em{font-weight:bold;font-style:normal;}
#output a{font-weight:bold;}
.searchword{color:#222;background-color:#ffd;border:1px dotted #ffd;}
.searchword0{color:#222;background-color:#ff0;border:1px dotted #ff0;}
.searchword1{color:#222;background-color:#0f0;border:1px dotted #0f0;}
.searchword2{color:#222;background-color:#0ff;border:1px dotted #0ff;}
.searchword3{color:#222;background-color:#fbb;border:1px dotted #fbb;}
.searchword4{color:#222;background-color:#dfd;border:1px dotted #dfd;}
.searchword5{color:#222;background-color:#faf;border:1px dotted #faf;}
.searchword6{color:#222;background-color:#ccc;border:1px dotted #ccc;}
.mod{display:block;font-size:.8em;}
#searchfooter{font-size:.8em;margin-top:1em;}
p {
color:#000033;
font-family:Georgia;
font-size:12px;
}.host {
	color: #006;
}

/*-------stickyTool Tip----*/
.stickytooltip{
/*box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
/*-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;*/
display:none;
position:absolute;
display:none;
border-color:#666;
border-style:solid;
border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px; /*Border around tooltip*/
		-moz-box-shadow: 15px -10px 15px #999;
	-webkit-box-shadow: 15px -10px 15px #999;
	box-shadow: 15px -10px 15px #999;
	filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=2,Duration=4);
background:white;
z-index:2000;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:left;
font:bold 11px Arial;
}
.atip{
	color:#CCCCCC;
	font-family:Georgia;
	background-color:#06F;
}
td.thumb {
	background-color:#D2EBEC;
	border-color:#D2EBEC;
	color: #88B1C8;
}
/*---------------Ende StickyTool Tip---------------*/
/* Horizontal Menu-Spry.Widged */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align:center;
	cursor: pointer;
	width: 8em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-image:url(images/bn_a.jpg);
	padding: 0.5em 0.75em;
	color: #006;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-image:url(images/bn_a.jpg);
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-image:url(images/bn_hover.jpg);
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(images/bn_a.jpg);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(images/bn_a.jpg);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(images/bn_hover.jpg);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(images/bn_a.jpg);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}