body,html{
	padding:0px;
	margin:0px;
	height:100%;
	font:12px Arial;
	color:black;
	background:#999999;  /* Hintergrund Rahmen re li*/
	text-align:center;
}

h1, h2, .FormTitle{
	margin:10px 0 10px 0;
	padding:3px 0px 2px 5px;
	font-size:12px;
	font-weight:normal;
	letter-spacing: 0.15em;
	border-bottom: 2px solid #3366CC;
	border-left: 7px solid #3366CC;
	background:#E1EAFB;
	clear:left;
}

h3{
    font-size:12px;
	font-weight:normal;
    border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	margin: 7px 0px 0px 10px;
	height:22px;
	line-height:22px;
	display:block;
	color:white;
	width:170px;
	text-decoration:none;
	background:#3366CC;
	text-indent:10px;
}

h4{
    font-size:12px;
	font-weight:normal;
    border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	margin: 7px 0px 0px 0px;
	height:22px;
	
	line-height:22px;
	display:block;
	color:white;
	text-decoration:none;
	background:#3366CC;
	text-indent:10px;
}

#box{
	width: 720px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	text-align:left;
    background:url(../images/background.jpg) repeat-y #f3f3f3;
  	position: relative;
  	min-height: 100%; /* Fuer moderne Browser */
  	height: auto !important; /* Fuer moderne Browser */
 	height: 100%; /* Fuer IE */
	overflow:hidden;overflow:auto;overflow:none;
	
	
}

#header{
	padding: 0px 0px 0px 21px;
	margin: 0px 10px 0px 10px;
	height:110px;
	width:680px;
	font-size:14px;
	font-weight:normal;
	font-family: Courier,Arial;
	text-shadow: 5px 5px 5px;
	color:#3366cc;
	background:url(../images/back.jpg) #c4c4c4 ;
	background-repeat:no-repeat;
}

#header span#slogan{
	position:relative;
	top:90px;
	left:8px;
	color:#3366CC;
	font-size:12px;
	font-weight:normal;
	font-family: Courier,Arial;
	text-shadow: 5px 5px 5px;

}

#header span#kontakt{
	position:absolute;
	top:84px;
	width:220px;
	left:210px;
	color:#666666;
	font-size:10px;
	font-weight:normal;
	font-family:Arial;
	text-transform:none;
	text-align:right;
	line-height: 10px;
}

#mainmenu .menu{
	list-style:none;
	text-align:center;
	height:18px;
	border-top:1px solid #FFFFFF;
	border-bottom:7px solid #c4c4c4;
	margin: 0px 10px 0px 10px;
	padding:0px;
}

#mainmenu .menuitem, #mainmenu .menuitem_active{
	float:left;
	border-bottom:1px solid #FFFFFF;
	display:block;
	width:100px;
	height:18px;
	line-height:18px;
	background:#3366CC;
	text-decoration:none;
}
#mainmenu .menuitem_link{
	color:#fff;
}

#mainmenu .menuitem_active{
	background:#FFCC33;
	color:#3366CC;
}

#mainmenu .menuitem:hover,#mainmenu .menuitem_link_activ{
	background:#FFCC33;
	color:#333;
}

#spalte_links .menu{
	list-style:none;
	text-align:center;
	margin:0px 0px 0px 10px;
	padding:0;
	display:block;
}

#spalte_links .menuitem, #spalte_links .menuitem_active{
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	margin:7px 0px 0px 0px;
	height:22px;
	line-height:22px;
	display:block;
	color:black;
	width:170px;
	text-decoration:none;
	background:#E1EAFB;
}

#spalte_links .menuitem_active{
	background:#FFCC33;
	color:#FFFFFF;
}

#spalte_links .menuitem_active a:hover{
	color:#3366CC;
}

#spalte_links .menuitem_link
	{
	font-style:normal;
	}
	
#spalte_links #logout
	{
	background-color:#3366CC;
	}
#spalte_links #logout .menuitem_link
	{
	color:#FFCC33;
	}
	


#spalte_links
{
	width:170px;
	float:left;
	padding-left:5px;
}


#spalte_rechts
{
	overflow:visible;
    width:480px;
	float:left;
	margin:10px 0px 30px 20px;
	padding:5px 10px 10px 10px;
	background:#FFFFFF;
	border: dashed 1px #000000;
}


#footer
{
	height:18px;
	width: 700px;
	margin-left:10px;
	background:#3366CC; /*c4c4c4*/
	font-size: 11px;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	clear:both;
}

#footer a
{
	font-size: 11px;
	color: #FFFFFF;
}

td
{
	font-size: 12px;
	padding-bottom:13px;
}

p
{
	font-size: 12px;
	text-align: justify;
	padding:0;
	margin:0 0 5px 0;
	display:block;
}

ul
{
	clear:both;
	padding-top:5px;
}

img
{
	border:0px;
	margin-bottom:5px;
}

hr
{
	color: #3366CC;
}

a, a:visited
{
	text-decoration: none;
	color: 3366CC;
}

a:hover
{
	text-decoration: none;
	color: FFCC33;
}

.mehr
{
	text-align:right;
	width:100%
}



/*----------- News --------------*/

.NewsShortTitle{
	width:160px;
	margin:10px 0px 5px 10px;
	padding:5px 5px 10px 5px;
	background:#FFFFFF;
	border: dashed 1px #000000;
}

.NewsListBox
	{
	border: 1px solid #36c;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	clear:left;
	width:100%;
	}
.NewsListTitle
	{
	border: none;
	background: none;
	font-weight:bold;
	font-size:12px;
	letter-spacing: 0em;
	color:#36c;
	margin:5px;
	padding:0px;
	clear:left;
	width:100%;
	}
.NewsListImg
	{
	float:right;
	margin: 0 0 5px 5px;
	}
.NewsListDivText
	{
	margin:5px;
	}
	
.NewsListDivInfo
	{
	margin:0;
	padding:0;
	text-align:right;
	background-color: #36c;
	color:#FFF;
	clear:left;
	width:100%;
	}
.NewsListDivInfo a
	{
	color:#fff;
	}
.NewsListLink
	{
	color:#CCC;
	}

.NewsTableNavBarCurrentRecordsPerPage
	{
	font-weight:bold;
	}
.NewsTableNavBarCurrentPage
	{
	font-weight:bold;
	}
.NewsNavBarIndex
	{
	float:right;
	}
.NewsNavBarSelector
	{
	float:left;
	}
.NewsNavBar
	{
	text-align:center;
	margin:5px 0 10px 0;
	}

	
/*------- Referenzen ------------*/

.RefShortText{
	width:160px;
	margin:10px 0px 5px 10px;
	padding:5px 5px 10px 5px;
	background:#FFFFFF;
	border: dashed 1px #000000;
}

.ReferencesListBox
	{
	border: 1px solid #36c;
	margin-bottom:20px;
	float:left;
	width:100%;
	}
.ReferencesListTitle
	{
	border: none;
	background: none;
	font-weight:bold;
	font-size:12px;
	letter-spacing: 0em;
	color:#36c;
	margin:0px;
	padding:5px;
	float:left;
	clear:none;
	}
.ReferencesListImg
	{
	float:right;
	margin: 0 0 5px 5px;
	}
.ReferencesListDivText
	{
	margin:0px;
	padding:5px;
	clear:left;
	}
	
.ReferencesListDivInfo
	{
	margin:0;
	padding:0;
	text-align:right;
	background-color: #36c;
	color:#FFF;
	float:left;
	width:100%;
	}
.ReferencesListDivInfo a
	{
	color:#fff;
	}
.ReferencesListLink
	{
	color:#CCC;
	}

.ReferencesTableNavBarCurrentRecordsPerPage
	{
	font-weight:bold;
	}
.ReferencesTableNavBarCurrentPage
	{
	font-weight:bold;
	}
.ReferencesNavBarIndex
	{
	float:right;
	}
.ReferencesNavBarSelector
	{
	float:left;
	}
.ReferencesNavBar
	{
	text-align:center;
	margin:5px 0 10px 0;
	}
/* ----------- labels and input fields ------------------------*/
.FormElementInvalid
{
    color: #FF0000;
}

.FormElementValid
{
    color: #000000;
}
.FormElementValid, .FormElementInvalid
{
    margin-top:10px;
}

.FormLabel, .FormLabelRequired
{
    width: 130px;
    display: block;
    float: left;
	text-align: right;
	margin-right:10px;
}
.ElementHidden
{
	visibility:hidden;
}	
/*---------   Kalender ----------*/

.CalendarcpCurrentMonthDate,.CalendarcpOtherMonthDate,.CalendarcpCurrentDate
	{
	padding-bottom:0;
	}
.CalendarcpTodayText, .CalendarcpCurrentDate
	{
	font-weight:bold;
	}
.CalendarcpDayColumnHeader
	{
	font-weight:bold;
	color:#FFCC33;
	}
.CalendarcpOtherMonthDate
	{
	color:#999999;
	}