@charset "utf-8";
/*this is a wildcard selector. Targets every element on the page. Here we are stripping every element on the page of its margin and padding.  Also removes default margins and paddings various browsers have */
* {
	margin: 0px;
	padding: 0px;
}
/*text-align center used here to fix IE display problem.  Wrapper will text-align left to bring us back to normal.*/
a:focus {
	outline: none; /* Damit Firefox keinen aktiven Rand um Links zeigt */
	}
body {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/*wrapper has position attribute so that any other DIVs within the wrapper, using the absolute positioning, uses the wrapper as the parent*/
#wrapper {
	padding: 0px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left
}
/*header has position relative so that any nested elements us the header DIV as a referance and not the wrapper or body - the menu for example*/
#header {
	width: 950px;
	height: 130px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: left;
}
#twitter {
	float: right;
	height: 52px;
	width: 78px;
	margin-right: 20px;
	margin-top: 20px;
}
#date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	width: 160px;
	float: right;
	position: relative;
	text-align: right;
	clear: right;
	margin-right: 20px;
	margin-top: 10px;
}
#headermenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	width: 220px;
	float: right;
	position: relative;
	text-align: right;
	clear: right;
	margin-top: 10px;
	margin-right: 10px;
}
#headermenu a:link {
	color: #999999;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}
#headermenu a:visited {
	color: #999999;
	text-decoration: none;
}
#headermenu a:hover {
	color: #6E754C;
	text-decoration: underline;
}

#menu {
	height: 25px;
	position: relative;
	width: 950px;
	background-image: url(images/menuback.jpg);
	background-repeat: no-repeat;
}
#navMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: absolute;
	left: 25px;
	top: 5px;
	z-index: 999;
	font-weight: bold;
}

#navMenu ul {
	margin:0;
	padding:0;
	float: left;
	position: relative;
	height: 20px;
}

#navMenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
}

#navMenu ul li a {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:20px;
	display:block;
	color:#000000;
	width: 148px;
}

#navMenu ul ul {
	position:absolute;
	visibility:hidden;
	top:20px;
	padding-top: 1px;
	left: -7px;
} /* this is the ul inside the ul - the drop down section - or rather the nested list */

#navMenu ul li:hover ul {
	visibility:visible;
} /* this is the hover effect of the first list item */

#navMenu li:hover {
	color: #FFFFFF;
} /* styling the hover effect */
#navMenu a:hover {
	color: #FFFFFF;
}
/* styles the hover effect of the nested menus but keeps top level ones selected */
#navMenu ul li ul li a {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:18px;
	width:150px;
	display:block;
	color:#000000;
	background-color: #696e4b;
	padding-top: 2px;
	border: 1px solid #000000;
	margin-bottom: 1px;
}
#slider {
	width:950px; /* Change this to your images width */
	height:260px; /* Change this to your images height */
	background:url(images/loading.gif) no-repeat 50% 50%;
}/* removed position relative to fix IE7 drop down menu issue */
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
#contentheader {
	background-image: url(images/contentheader.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 24px;
	width: 950px;
	margin-top: 20px;
}

#homecontent {
	float: left;
	background-image: url(images/contentback.jpg);
	background-repeat: repeat-y;
	width: 950px;

}
#content1 {
	width: 170px;
	float: left;
	margin-right: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
}
.formfields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8E956B;
	border: 1px solid #8E956B;
	margin-bottom: 10px;
}

#content2 {
	float: left;
	width: 470px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
#content3 {
	width: 170px;
	float: left;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
}

#content4 {
	float: left;
	width: 680px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}


#contentfooter {
	background-image: url(images/contentfooter.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 15px;
	width: 950px;
}


#footer {
	height: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	padding-top: 5px;
	margin-top: 20px;
	float: left;
	width: 950px;
}

#footer a:link {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
#footer a:visited {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	font-size: 10px;
	color: #CC6600;
	text-decoration: none;
}
#aboutheader {
	background-image: url(images/blankheader.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 950px;
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding-top: 4px;
}
#aboutcontent {
	float: left;
	background-image: url(images/aboutback.jpg);
	background-repeat: repeat-y;
	width: 950px;
}
#aboutfooter {
	background-image: url(images/aboutfooter.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 15px;
	width: 950px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8E956B;
}
ul {
	margin-left: 40px;
}
ol {
	margin-left: 40px;
}

#checkboxY  li {
	background-image: url(images/checkboxY.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 20px;
}
#checkboxN li {
	background-image: url(images/checkboxN.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 20px;
}
#content4 a:link {
	color: #7F865D;
	text-decoration: none;
	font-weight: bold;
}
#content4 a:visited {
	color: #7F865D;
	text-decoration: none;
	font-weight: bold;
}
#content4 a:hover {
	color: #CC9933;
	text-decoration: none;
	font-weight: bold;
}
.title1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8E956B;
}

#content5header {
	width: 200px;
	float: left;
	margin-left: 20px;
	height: 24px;
	background-image: url(images/casestudiestitle.jpg);
	background-repeat: no-repeat;
}
#content5 {
	width: 170px;
	float: left;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
}
#content5 a:link {
	color: #7F865D;
	text-decoration: none;
	font-weight: bold;
}
#content5 a:visited {
	color: #7F865D;
	text-decoration: none;
	font-weight: bold;
}
#content5 a:hover {
	color: #CC9933;
	text-decoration: none;
	font-weight: bold;
}