@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: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	background-image: url(images/backgrid.jpg);
	background-position: center top;
}
.pagetitlebrown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #702d13;
	font-weight: bold;
}
.pagetitlegold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #e48509;
	font-weight: bold;
}
.pagetitlerust {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #d75e06;
	font-weight: bold;
}
.pagetitlemustard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #c2a20e;
	font-weight: bold;
}
.pagetitlelbrown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #a1796f;
	font-weight: normal;
}
.pagetitlesand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #cd933f;
	font-weight: bold;
}
.pagetitlered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #b01325;
	font-weight: bold;
}
.pagetitleblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}


/*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: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	background-image: url(images/content-back.jpg);
	background-repeat: repeat-y;
	border: 1px solid #000000;
	margin-top: 30px;
}
/*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: 990px;
	height: 298px;
	position: relative;
}
#content {

}
#sidebar {
	position: relative;
	width: 170px;
	float: left;
}
#menu {
	position: relative;
	text-align: right;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 40px;
	color: #e48509;
	text-decoration: none;
	margin-top: 13px;
}
#menu li {
	padding-bottom: 17px;
	list-style-type: none;
}
#menu a:link {
	color: #702d13;
	text-decoration: none;
}

#menu a:visited {
	color: #702d13;
	text-decoration: none;
}
#menu a:hover {
	color: #e48509;
	text-decoration: none;
}
#quote {
	position: relative;
	text-align: right;
	font-style: italic;
	font-size: 20px;
	color: #544F4C;
}

#content1 {
	width: 670px;
	float: left;
	padding-right: 80px;
	padding-left: 70px;
	margin-top: 15px;
}
#leading1 {
	line-height: 35px;
}

.subtitle {
	font-size: 20px;
	color: #b74e14;
	font-weight: bold;
}
#content1 ul {
	margin-left: 20px;
	list-style-type: none;
}
#content1 a:link {
	color: #046fb9;
	text-decoration: none;
}
#content1 a:visited {
	color: #046fb9;
	text-decoration: none;
}
#content1 a:hover {
	text-decoration: none;
	color: #000000;
}
#footer {
	height: 34px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-align: left;
	padding-top: 25px;
	clear: both;
	margin-top: 20px;
	padding-left: 240px;
	font-style: italic;
}

#footer a:link {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
#footer a:visited {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
#homewrapper {
	padding: 0px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	background-image: url(images/homeimage.jpg);
	background-repeat: no-repeat;
	height: 850px;
	border: 1px solid #000000;
	margin-top: 30px;
	background-color: #FFFFFF;
}
#homecontent {
	position: relative;
	top: 620px;
	float: left;
}
#hometext {
	width: 620px;
	float: left;
	margin-left: 130px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	margin-right: 30px;
}
#homebutton {
	float: left;
}
#homebutton a span {
	display: none;
}
a#entersite   {
	background-image: url(images/enterbutton.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 125px;
	width: 114px;
	border: 0px;
	float: left;
}
a:hover#entersite  {
	background-image: url(images/enterbutton.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 125px;
	width: 114px;
	border: 0px;
	float: left;
	background-position: -114px;
}
#homefooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-align: left;
	padding-top: 25px;
	font-style: italic;
	padding-bottom: 25px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-left: 130px;
}

#homefooter a:link {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
#homefooter a:visited {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
#homefooter a:hover {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.pagetitleyellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #e48509;
	font-weight: bold;
}
#content2 {
	width: 710px;
	float: left;
	padding-right: 40px;
	padding-left: 70px;
	text-align: center;
}
#content2 a:link {
	color: #046fb9;
	text-decoration: none;
	font-weight: bold;
}
#content2 a:visited {
	color: #046fb9;
	text-decoration: none;
	font-weight: bold;
}
#content2 a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}