/* -------------------- Definition of standard HTML Tags -------------------- */

html {
	font-size: 62.50%;   /* set initial base font-size to 10px so it is easier to calculate em values later on */
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1.2em;   /* equals 12px */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
}



/* -------------------- Definition of the whole Webpage Layout -------------------- */

#webpage {
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	width: 100%;   /* set to lower percentages to create a centered flex layout with borders */
	background-color: #FFFFFF;
}

	#header {
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		height: 40px;
		background-color: #FFFFFF;
	}

	#middle_wrapper {
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		background-color: transparent;
	}

		#middle {
			margin: 0 20% 0 20%;
			padding: 0;
			border: 0;
			background-color: #FFFFFF;
		}

			#middle_header {
				margin: 0;
				padding: 0;
				border: 0;
				border-left: 1px solid #FFFFFF;
				border-right: 1px solid #FFFFFF;
				height: 120px;
				background-color: #EAEAEA;
				overflow: hidden;
				position: relative;
			}

				#banner {
					margin: 0;
					padding: 0;
					border: 0;
					height: 120px;
					background: #EAEAEA url(images/banner.jpg) repeat-x;
				}

				#picture {
					margin: 0;
					padding: 0;
					border: 0;
					border-left: 1px solid #FFFFFF;
					width: 180px;
					height: 120px;
					position: absolute;
					top: 0px;
					right: 0px;
					background: #DDDDDD url(images/banner_thumb.jpg) no-repeat;
				}

			#middle_breadcrumb {
				margin: 0;
				padding: 0;
				border: 0;
				width: 100%;
				background-color: #FFFFFF;
			}

			#middle_content {
				margin: 0;
				padding: 0;
				border: 0;
				width: 100%;
				background-color: #FFFFFF;
			}

	#left {
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 20%;
		margin-left: -100%;
		background-color: transparent;
	}

		#left_header {
			margin: 0;
			padding: 0;
			border: 0;
			width: 100%;
			height: 120px;
			background-color: #FFFFFF;
			overflow: hidden;
		}

		#left_navigation {
			margin: 0;
			padding: 0;
			border: 0;
			width: 100%;
			background-color: #FFFFFF;
		}

		#left_content {
			margin: 0;
			padding: 0;
			border: 0;
			width: 100%;
			background-color: #FFFFFF;
		}

	#right {
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 20%;
		margin-left: -20%;
		background-color: transparent;
	}

		#right_header {
			margin: 0;
			padding: 0;
			border: 0;
			width: 100%;
			height: 120px;
			background-color: #CDCDCD;
			overflow: hidden;
		}

		#right_content {
			margin: 0;
			padding: 0;
			border: 0;
			width: 100%;
			background-color: #FFFFFF;
		}

	#footer {
		clear: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		background-color: transparent;
		border-top: 3px solid #CDCDCD;
		text-align: center;
	}



/* -------------------- Definition of the special Webpage HTML Tags -------------------- */

#spacer {
	margin: 0;
	padding: 0;
	border: 0;
	width: 20%;
	height: 40px;
	float: left;
}

#logo {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 120px;
}

#logo img{
	display: block;
	margin: 0 auto 0 auto;
	padding-top: 5px;
	border: 0px none;
}

#globalnav {
	margin: 0;
	padding: 0;
	border: 0;
	width: 80%;
	float: left;
}

#globalnav table, tr {
	/* width: 100%; */
	margin: 0;
	padding: 0;
	border: 0;
}

#globalnav a {
	display: block;
	line-height: 40px;
	margin: 0;
	padding: 0 20px 0 20px;
	border: 0;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#globalnav a:hover {
	margin: 0;
	padding: 0 20px 0 20px;
	border: 0;
	color: #006600;
	background-color: #FFFFFF;
	text-decoration: underline;
}

#globalnav td {
	height: 40px;
	text-align: center;
	border: 0;
	/* border-left: 1px dotted #333333; */
	background-color: #FFFFFF;
}

#globalnav td.menu-current {
	background-color: #FFFFFF;
}

#middle_breadcrumb div {
	color: #000000;
	line-height: 2em;
	padding: 0 2em 0 2em;
}

#middle_breadcrumb a {
	color: #666666;
	text-decoration: none;
}

#middle_breadcrumb a:hover {
	color: #666666;
	text-decoration: underline;
}

#middle_header img, p, a {
	margin: 0;
	padding: 0;
	border: 0;
}

#middle_content div {
	margin: 0;
	padding: 0 2em 4em 2em;
	border: 0;
}

#middle_content h1 {
	color: #000000;
	font-size: 1.666em;
	line-height: 1em;
	font-weight: normal;
	margin: 1em 0 0 0;
	padding: 0 0 0 0.5em;
	border-left: 1em solid #006600;
}

#middle_content h2 {
	color: #000000;
	font-size: 1.333em;
	line-height: 1em;
	font-weight: bold;
	margin: 2em 0 0 0;
	padding: 0;
}

#middle_content h3 {
	color: #000000;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	margin: 2em 0 0 0;
	padding: 0;
}

#middle_content p {
	color: #000000;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
	margin: 1em 0 0 0;
	padding: 0;
}

#middle_content a {
	color: #006600;
	text-decoration: none;
}

#middle_content a:hover {
	color: #006600;
	text-decoration: underline;
}

#right_content div {
	margin: 0;
	padding: 2em 2em 2em 2em;
	border: 0;
}

#left_content div {
	margin: 0;
	padding: 2em 2em 2em 2em;
	border: 0;
}

#header a {
	color: #006600;
}

#adress {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 90px;
}

#adress p {
	padding: 1em 2em 0 2em;
}

#phone {
	color: #FFFFFF;
	line-height: 2.5em;
	height: 30px;
	padding: 0 2em 0 2em;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
	background-color: #999999;
}



/* -------------------- Definition of CSS vertical 4 Level Menu Tags -------------------- */

#vmenu {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}

#vmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#vmenu li {
	list-style: none;
	padding-bottom: 1px;
	background: #FFFFFF url(images/dot-h.gif) bottom left repeat-x;
	/* border-bottom: 1px #999999 dotted; */
}

#vmenu li ul li {
	padding-bottom: 0;
	background: none;
}

#vmenu a {   /* Level 1 (All) */
	display: block;
	padding-left: 1em;
	line-height: 2em;
	color: #000000;
	text-decoration: none;
}

#vmenu ul a {   /* Level 2 */
	padding-left: 2em;
}

#vmenu ul ul a {   /* Level 3 */
	padding-left: 3em;
}

#vmenu ul ul ul a {   /* Level 4 */
	padding-left: 4em;
}

#vmenu a.current {
	background-color: #CEFFCE;
	font-weight: bold;
}

#vmenu a:hover {
	background-color: #D2FFD2;
}



/* -------------------- Definition of the special Websitebaker Search-Box Tags -------------------- */

.search_box {
	padding-top: 22px;
}

.search_string {
	border: 0px;
	width: 70px;
}

.search_button {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 40px;
}