@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;
}

body {
	background: url('../images/main/background.jpg') repeat;
	font-family: "Gill Sans MT", GillSans, Calibri, "Trebuchet MS", sans-serif;
}

a {
	font-family: "Gill Sans MT", GillSans, Calibri, "Trebuchet MS", sans-serif;
	text-decoration: none;
	color: #03C;
}

.clear {
	clear: both;
	text-align: center;
}

.error {
	background-color: #F2DEDE;
    border: 1px #EED3D7 solid;
    padding:5px 10px 5px 10px;
    margin-top: 5px;    
    margin-bottom: 5px;
    border-radius: 4px 4px 4px 4px;
    color: #B94A48;
    text-align: left;
}

.message {
	background-color: #D9EDF7;
    border: 1px #BCE8F1 solid;
    padding:5px 10px 5px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 4px 4px 4px 4px;
    color: #3A87AD;
    text-align: left;    
}

.formerror {
	border:1px #f00 solid !important;
}

.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}


#header {
	height: 200px;
	position: relative;
}

	#header .logo {
	position: absolute;
	left: 86px;
	top: 23px;
	width: 383px;
	height: 151px;
	}


	#header .topmenu {
		position: absolute;
		right: 0;
		top: 60px;
		width: 660;
		height: 30;
	}
	
#menu {
	position: relative;
	list-style: none;
	float: left;
	z-index: 1000;
}

	#menu > li {
	float: left;
	margin-right: 5px;
	text-align: left;
	}

	#menu > li a {
		font-family: "ColaborateRegular" !important;
		font-size: 20px;
		color: #004a6a;
		height: 18px;
		padding: 8px 10px;
		display: block;
	}

	#menu > li.active {
		background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	
	}

	#menu > li.activehover {
		background-color: #fff;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;		
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 0px;		
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;		
	}	

	#menu > li > a.active {

	}

	#menu > li > a:hover {
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: normal;
	text-align: left;
	}

		#menu > li > ul {
			position:absolute;
			margin-top: 0px;
			display: none;
			width: 235px;
			background-color: #ffffff;	
			z-index: 1000;
			padding: 10px;

			-webkit-border-radius: 5px;
			-webkit-border-top-left-radius: 0;
			-moz-border-radius: 5px;
			-moz-border-radius-topleft: 0;
			border-radius: 5px;
			border-top-left-radius: 0;		


		}
		#menu > li:hover > ul{
			display: block;
		}
		#menu > li > ul > li	{	
			border-top: 1px dotted #d2d2d2;
			width: 235px;
		}
		#menu > li > ul > li:first-child {	
			border-top: none;
		}	
		#menu li ul li a {	
			color: #555;	
			font-family: Arial,sans-serif;		
			font-size: 15px;	
			line-height: 18px;			
		}
		#menu li ul li a:hover {	
			background-color: #c6d8e6 !important;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;			
		}
		#menu li ul li a.active {	
			font-weight:bold;
		}	

			#menu li ul li ul {
				position: relative;
				display: block;
			}

			#menu li ul li ul li {
				/*border-top: 1px dashed #d2d2bf;*/
				width: 235px;			
			}

			#menu li ul li ul li a {
				border-top: 1px dotted #d2d2bf;
			}


.subnav  {

}

	.subnav .kop {
		display: block;
		font-family: "ColaborateBoldRegular";
		font-size: 20px;
		color: #6b3b00;
		text-transform: uppercase;
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.subnav .sub_head {
		display: inline-block;
		background-color: #c6d8e6;
		height: 30px;
		padding: 0 10px 0 10px;
		line-height: 30px;

		font-family: "ColaborateRegular";
		font-size: 20px;
		color: #575757;
		font-weight: normal;
		margin-bottom: 10px;
	}	

	.subnav .sub_head:hover {
		color: #fff;
		background-color: #8c7a69;
	}		

	.subnav .sub_head.active {
		color: #fff;
		background-color: #8c7a69;
	}	

		.subnav .menu_body {
			display: none;
			margin-bottom: 15px;
		}

		.subnav .subsub_head {
			display: inline-block;
			padding: 0 10px 0 10px;
			font-family: "ColaborateRegular";
			font-size: 16px;
			color: #575757;
			font-weight: normal;
			margin-left: 15px;
			margin-bottom: 10px;
		}	

		.subnav .subsub_head:hover {
			text-decoration: underline;
		}		

		.subnav .subsub_head.active {
			font-family: "ColaborateBoldRegular";
		}				

		.subnav .menu_wrapper.active .menu_body {
			display: block;
		}


#container {
	position: relative;
}

.content {
	position: relative;
	padding: 10px;
}

	.content .left {
		width: 540px;
		background-color: #fff;
		padding: 30px;
		margin-right: 40px;
		float: left;

		font-family: "ColaborateRegular";
		font-size: 18px;
		color: #575757;
		font-weight: normal;
		line-height: 24px;		
	}

		.content .left.themewidth { /* for default pages with theme */
			width: 500px;
			padding-right: 70px;
		}

		.content .left h1 {
			font-size: 30px;
			color: #007fb7;
			margin-bottom: 20px;
			line-height: 34px;
		}

		.content .left h2 {
			font-size: 20px;
			color: #007fb7;		
		}	

		.content .left h3 {
			color: #000000;		
		}	

		.content .left h4 {
			font-size: 16px;
			color: #555555;
			line-height: 22px;			
			text-transform: uppercase;
		}						

		.content .left ul {
			list-style: disc;
		}

		.content .left ul, .content .left ol {
			margin-left: 30px;
		}		

		.content .left td {
			padding: 5px;
			font-size: 14px;
			border: 1px #bbb solid;
		}

		.content .left strong {
			font-family: "ColaborateBoldRegular";
		}

		.content .left a {
			color: #000;
			text-decoration: underline;
		}

			.content .left a:hover {
				color: #575757;
				background-color: #fdf3ce;
				text-decoration: none;
			}

	.content .right {
		position: relative;
		float: left;
	}

		.content .right .theme_image {
			position: absolute;
			left: -90px;
			top: 0;
			width: 370px;
			height: 380px;
		}

			.content .right .theme_image #map_canvas {
				width: 370px;
				height: 380px;
			}

			.content .right .theme_image .theme_mask_nolink {
				position: absolute;
				background: url('../images/main/theme_mask_nolink.png');
				top: 0;
				right: 0;
				width: 370px;
				height: 380px;
				pointer-events:none;
			}	

			.content .right .theme_image .theme_mask {
				position: absolute;
				background: url('../images/main/theme_mask.png');
				top: 0;
				right: 0;
				width: 370px;
				height: 380px;
			}	

			.content .right .theme_image .theme_link {
				position: absolute;
				display: block;
				top: 250px;
				left: 20px;
				width: 135px;
				height: 100px;	
			}

				.content .right .theme_image .theme_link a {
					color: #007fb7;		
					font-family: "ColaborateRegular";
					text-transform: uppercase;
					font-size: 20px;
					line-height: 24px;
				}			

				.content .right .theme_image .theme_link a:hover {
					text-decoration: underline;
				}	

		.content .right .subnav_top {

			padding-top: 380px;
		}

#footer {
	position: relative;
	padding: 10px 0 80px 0;
}

	#footer .left {
		width: 580px;
		margin-left: 40px;
		margin-right: 20px;
		float: left;
		padding: 0 0 10px 0;
	}

		#footer .left.extrawide {
			width: 900px;
		}

		#footer .left .kop1 {
			display: block;
			font-family: "ColaborateRegular";
			font-size: 30px;
			color: #007fb7;
			font-weight: normal;
			margin-bottom: 20px;
		}	

		#footer .left .kop2 {
	display: block;
	font-family: "ColaborateBoldRegular";
	font-size: 20px;
	color: #6b3b00;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: left;
		}	


		#footer .left .employeedata {
			display: block;
			font-family: "ColaborateBoldRegular";
			font-size: 18px;
			line-height: 24px;
			color: #575757;
			font-weight: normal;
			margin-bottom: 20px;
		}

		#footer .left .employeeintro {
			display: block;
			font-family: "ColaborateRegular";
			font-size: 18px;
			line-height: 24px;
			color: #575757;
			font-weight: normal;
			margin-bottom: 20px;
		}

		#footer .left .employee_image {
			position: relative;
			width: 300px;
			height: 300px;
			margin-left: 40px;
			float: right;
		}

			#footer .left .employee_image .employee_mask {
				position: absolute;
				background: url('../images/main/employee_mask.png');
				top: 0;
				right: 0;
				width: 300px;
				height: 300px;
			}

		#footer .left .moreadmin {
			display: block;
			font-family: "ColaborateMediumRegular";
			font-size: 15px;
			color: #575757;
			text-transform: uppercase;

		}

			#footer .left .moreadmin a {
				color: #575757;
			}

			#footer .left .moreadmin a:hover {
				text-decoration: underline;
			}			

		#footer .left .member {
			width: 190px;
			margin-bottom: 30px;
			line-height: 22px;
			float: left;
		}

			#footer .left .member .city {
				display: block;
				font-family: "ColaborateBoldRegular";
				font-size: 18px;
				color: #007fb7;
			}

			#footer .left .member .phone {
				display: block;
				font-family: "ColaborateRegular";
				font-size: 18px;
				color: #575757;
			}

			#footer .left .member .moreinfo {
				display: block;
				font-family: "ColaborateMediumRegular";
				font-size: 15px;
				color: #575757;
				text-transform: uppercase;
			}

				#footer .left .member .moreinfo a {
					color: #575757;
				}

				#footer .left .member .moreinfo a:hover {
					text-decoration: underline;
				}


	#footer .right {
		width: 270px;
		padding: 20px;
		background-color: #fff;
		float: left;
	}

		#footer .right .kop1 {
			display: block;
			font-family: "ColaborateRegular";
			font-size: 18px;
			color: #007fb7;
			text-transform: uppercase;
			margin-bottom: 10px;
		}

		#footer .right .titel {
			display: block;
			font-family: "ColaborateMediumRegular";
			font-size: 24px;
			line-height: 26px;
			color: #6b3a00;
			margin-top: 20px;
			margin-bottom: 10px;
		}	

		#footer .right .meta {
			display: block;
			font-family: "ColaborateThinRegular";
			font-size: 18px;
			line-height: 24px;
			color: #6a6a6a;
			margin-bottom: 10px;
		}

		#footer .right .intro {
			display: block;
			font-family: "ColaborateRegular";
			font-size: 18px;
			line-height: 24px;
			color: #6a6a6a;
			margin-bottom: 20px;
		}		

			#footer .right .intro a {
				font-family: "ColaborateMediumRegular";
				font-size: 14px;
				color: #006e9d;
				text-transform: uppercase;
			}





	#footer .copyright-left {
	float:left;
	margin: 10px 0 0 40px;
	width: 500px;
	color: #575757;
	font-family: "ColaborateRegular";
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	}

		#footer .copyright-left a {
			color: #999;
		}

		#footer .copyright-left a:hover {
			text-decoration: underline;
		}		


	#footer .copyright-right {
	float:right;
	margin: 10px 10px 0 0;
	width: 390px;
	color: #888;
	font-size: 13px;
	text-align: justify;
	}	

		#footer .copyright-right .social {
			display: inline-block;
			height: 32px;
			width: 32px;
			padding: 0;
			margin: 0 0 0 10px;
		}