@CHARSET "UTF-8";
/**
 * complete browser reset to ensure same layout in every browser
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size: 12px;	
	color: #eeeeee;
	font-family: Helvetica, Verdana, Arial, sans-serif;	
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

a {
	text-decoration:none;
}

a, a:hover, a:active, a:focus, a:link, a:visited {
	
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

/**
 * general
 */
body {
	background-color: #465C71;
	background-image: url(image/bg_body.png);
	background-repeat: repeat-x;	
}

h1 {
	font-size: 14px;
	font-weight: bold;	
	position: relative;
	top: 50px;
	left: 8px;	
}

a {
	color: #b5cc2d;
	text-decoration: underline;
}

div.smallerP p {
	margin: 7px !important;	
}

div.primary {
	width: 900px;
	position: relative;
	left: 50%;
	margin-left: -450px;	
}

div#menuMain {
	height: 113px;
	background-image: url(image/bg_header.png);
}

div#menuMain div.inner {
	position: relative;
	top: 58px;
	height: 55px;
}

div#menuSub {
	height: 93px;
	overflow: hidden;
}

div#menuSub div.inner {
	float: left;
	width: 640px;
	position: relative;
	top: 23px;
	height: 46px;
}

div#menuSub div.logo {
	float: right;
	width: 228px;
	position: relative;
	top: 16px;
	height: 60px;
	margin-right: 10px;
}

div#content {
	height: 433px;
	background-image: url(image/bg_content.png);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}

div#footer {
	height: 74px;	
	background-image: url(image/bg_footer.png);
	background-repeat: no-repeat;
	background-position: top center;
}

div#footer div.inner {
	position: relative;
	top: 26px;
	height: 23px;
	margin-left: 8px;
}



/**
 * content
 */
 
div#menuMain div.inner img {
	margin-right: 28px;	
}

div#menuSub div.inner img.separator {
	margin-right: 3px;
	margin-left: 6px;
}

div#menuSub div.inner img.item {
	margin-bottom: 7px;	
}

div#menuSub div.inner img.headline {
	margin-left: 2px;	
	position: relative;
	top: -6px;
}

div#footer div.inner {
	overflow: hidden;
}

div#footer div.inner img.separator {
	margin-right: 1px;
	margin-left: 2px;
}

div#footer div.inner div.left {	
	width: 440px;
	float: left;	
}

div#footer div.inner div.right {
	width: 432px;	
	float: right;
	text-align: right;
	margin-right: 14px;
}

div#content div.headline {
	height: 94px;
	position: relative;
	left: 8px;
}

div#content div.headline h1 {
	
}

div#content div.left {
	float: left;
	width: 528px;
	height: 312px;
	position: relative;
	left: 8px;
}

div#content div.left p {
	margin: 8px 8px 16px 8px;	
}

div#content div.left img.bottom {	
	position: absolute;
	bottom: 0px;
}

div#content div.right {
	float: right;
	width: 334px;
	position: relative;
	left: -8px;
}

div#content div.right div.singleImage {
	width: 328px;
	height: 311px;
	background-image: url(image/bg_single_image.png);
	background-repeat: no-repeat;
}

div#content div.right div.singleImage img {
	margin: 8px;
}

div#content div.right div.twoImages {
	position: relative;
	width: 328px;
	height: 312px;
	background-image: url(image/bg_two_images.png);
	background-repeat: repeat-y;
}

div#content div.right div.twoImages img.first {
	position: absolute;
	top: 8px;
	left: 8px;
}

div#content div.right div.twoImages img.second {
	position: absolute;
	top: 164px;
	left: 8px;
}

/**
 * umkreisfinder
 */
 
div#umkreis {
	width: 306px;
	height: 288px;
}

div#UFInfoWindow {
	color: #dd3f57;
	border: 1px solid #dd3f57;
	background-color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 8px 1px 8px;
	text-transform: uppercase;
}

div.markerTooltip {
	color: #dd3f57;
	border: 1px solid #dd3f57;
	background-color: #ffffff;
	font-size: 12px;
	padding: 0px 8px 0px 8px;
	position: relative;
	top: 4px;
	left: -6px;
}

div#umkreisFrame {
	background-image: url(image/bg_umkreis_map.png);
	width: 318px;
	height: 301px;	
}

div#umkreis {
	position: relative;
	top: 6px;
	left: 6px;
	width: 306px;
	height: 289px;	
}

div#umkreis div.UFContent {
	overflow: hidden;	
}

div#umkreisDetail {
	margin: 12px;
	position: absolute;
	bottom: 0px;
	left: -3px;	
}

div#umkreisDetail div.UFImage {
	float: left;
	width: 164px;
	height: 124px;
	background-image: url(image/bg_umkreis_image.png);
}

div#umkreisDetail div.UFImage img {	
	width: 152px;
	height: 112px;
	position: relative;
	top: 6px;
	left: 6px;
}

div#umkreisDetail div.UFText {
	margin: 12px;		
}

div#umkreisDetail div.UFText table, div#umkreisDetail div.UFText a{
	position: relative;
	left: 8px;
	top: 18px;	
}

div.bueroflaechenContentImageWrapper {
	overflow: hidden;
	position: absolute;
	bottom: 4px;	
	left: -5px;
} 

div.bueroflaechenContentImage {
	float: left;
	margin-left: 10px;	
	width: 121px;
	height: 123px;
	background-image: url(image/bg_bueroflaechen_image.png);
} 

div.bueroflaechenContentImage img {
	position: relative;
	top: 3px;
	left: 3px
}

div#content div.leftAngebote {
	float: left;
	width: 244px;
	height: 312px;
	position: relative;
	left: 8px;
}

div#content div.leftAngebote p {
	margin: 8px 8px 16px 8px;	
}

div#content div.rightAngebote {
	float: right;
	width: 626px;
	position: relative;
	left: -8px;
}

div#approachForm {
	overflow: hidden;
	margin-top: 10px;
}

div#approachForm div.left {
	float: left;
	width: 276px;
}

div#approachForm div.right {
	float: right;
	width: 236px;
}

div#approachForm div.submit {
	text-align: right;
}

div#approachForm p {
	margin: 12px 0px 12px 0px !important;
}

div#approachForm input {
	width: 100%;
	height: 20px;
	background-color: #465C71;	
	border: 1px solid #EEEEEE;
	margin-bottom: 6px;
	padding-top: 3px;	
}

div#content div.leftSent {
	width: 320px;
	height: 296px;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
}

div#content div.rightSent {
	width: 560px;
	height: 296px;
	float: right;
}

div.rightSent div#approachMap {	
	width: 560px;
	height: 296px;	
}

div.right div#approachMap {	
	width: 318px;
	height: 301px;
	background-image: url(image/bg_approach_map.png);
}

div.right div#approachMapInner {	
	width: 306px;
	height: 289px;
	position: relative;
	top: 6px;
	left: 6px;
}

div#approachDirections table {
	width: 98%;	
}

.error {
	color: red !important;
	margin: 3px 0px 10px 8px;
}

form#ContactForm div.row {
 	overflow: hidden;
 	clear: both;
}

form#ContactForm div.label {
 	float: left;
 	width: 100px;
}

form#ContactForm div.input {
 	float: left;
 	width: 235px;
}

form#ContactForm div.textarea {
 	float: left;
 	width: 415px;
}

form#ContactForm div.stern {
 	float: left;
 	width: 5px;
}

form#ContactForm input {
 	width: 230px;
 	height: 16px;
	background-color: #465C71;	
	border: 1px solid #EEEEEE;
	margin-bottom: 6px;
	padding-top: 2px;
}

form#ContactForm textarea {
 	width: 408px;
 	height: 130px;
	background-color: #465C71;	
	border: 1px solid #EEEEEE;	
	margin-bottom: 6px;
}

form#ContactForm .submit {
	float: right;
 	text-align: right;
 	padding-right: 10px;	
}

form#ContactForm { 	
 	padding-left: 8px;	
}

span.bold {
	font-weight: bold;
}

iframe {
	border: 1px solid #EEEEEE;
	margin-left: 8px;
}

div#contentShader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	z-index: 10;
}

div#popUp {
	position: absolute;
	width: 502px;
	height: 662px;	
	left: 50%;
	margin-left: -251px;
	top: 50%;
	margin-top: -331px;
	background-image: url(image/bg_popup.png);
	z-index: 20;
}

div#popUp div.closer {
	position: relative;		
	left: 6px;	
	top: 6px;	
}

div#popUp div.headlines {
	text-align: center;	
}

div#popUp h2 {
	color: #4f5b65;
	font-size: 14px;	
	margin-bottom: 8px;
}

div#popUp h3 {
	color: #d81b39;
	font-size: 15px;
	font-weight: bold;	
}

div#popUp div.text {
	position: relative;
	width: 450px;
	top: 28px;
	left: 28px;	
}

div#popUp div.text p {
	color: #7a7a7a;	
}

div#popUp div.image {
	position: relative;
	width: 450px;
	top: 48px;
	left: 60px;	
}

div#popUp div.legend {
	overflow: hidden;
	position: relative;
	width: 480px;
	top: 72px;
	left: 20px;		
}

div#popUp div.legend div.legendTable table {
	float: left;	
	margin-left: 14px;
	margin-right: 14px;
}

div#popUp div.legend div.legendTable table td {		
	padding-left: 4px;
	padding-right: 4px;	
}

div#popUp div.legend div.legendTable table * {	
	color: #7a7a7a;
	font-size: 11px;
}

div#popUp div.legend div.sample1 {
	float: left;
	margin-right: 10px;	
}

div#popUp div.legend div.sample2 {
	float: left;
}

div.headlineImages {
	margin-left: 8px;
}

div.headlineImages img {
	margin-right: 11px;
}