@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	line-height: 1.5em;
	font-size: small;
}
.h1 {
	font-size: 24px;
}

#container {
	position:absolute;
	width:1000px;
	height:700px;
	z-index:2;
	margin-left: -500px;
	left: 50%;
	top: 20px;
}
#header {
	position:absolute;
	width:1000px;
	height:130px;
	z-index:6;
	left: 0px;
	top: 0px;
	background-image: url(../pix/header.jpg);
}
#hauptnavi {
	position:inherit;
	width:550px;
	height:35px;
	z-index:7;
	left: 200px;
	top: 130px;
/* 	font-size: 0.8em; */	
	color: #FFFFFF;
	text-align: center;
}
#background-hauptnavi {
	position:absolute;
	width:1000px;
	height:35px;
	z-index:1;
	left: 0px;
	top: 130px;
	background-image: url(../pix/background_01.jpg);
}
#breit {
	position:absolute;
	width:1000px;
	height:500px;
	z-index:1;
	top: 35px;
	background-image: url(../pix/background_02a.jpg);
}
#bild-links {
	position:absolute;
	width:350px;
	height:500px;
	z-index:2;
	top: 165px;
	visibility: visible;
	left: 0px;
	background-image: url(../pix/bild-1.jpg);
}

#submenu-links {
	position:absolute;
	width:350px;
	height:500px;
	z-index:4;
	top: 165px;
	background-color: #CCCCCC;
	filter: Alpha(opacity=50);
	opacity: .5;
	left: 0px;
}
#submenu-links-projekte {
	position:absolute;
	width:350px;
	height:500px;
	z-index:4;
	top: 165px;
	left: 0px;
	background-image: url(../pix/bild-0.jpg);
}

#submenu-rechts {
	position:absolute;
	width:175px;
	height:500px;
	z-index:8;
	top: 165px;
	background-color: #CCCCCC;
	filter: Alpha(opacity=50);
	opacity: 0.5;
	left: 175px;
}
#content {
	position:absolute;
	width:650px;
	height:500px;
	z-index:3;
	top: 165px;
	background-color: #CCCCCC;
	filter: Alpha(opacity=50);
	opacity: 0.5;
	left: 350px;
	background-image: url(../pix/bg-content.jpg);
}
#content_unternehmen {
	position:absolute;
	width:600px;
	height:500px;
	z-index:3;
	top: 165px;
	filter: Alpha(opacity=50);
	opacity: 0.5;
	left: 350px;
	background-image: url(../pix/bg-content.jpg);
	margin: 0px;
	padding-left: 50px;
	clip: rect(auto,auto,auto,auto);
}
#content_projekte {
	position:absolute;
	width:650px;
	height:500px;
	z-index:3;
	top: 165px;
	background-color: #CCCCCC;
	left: 350px;
}
#content-kontakt {
	position:absolute;
	width:650px;
	height:500px;
	z-index:3;
	top: 165px;
	background-color: #CCCCCC;
	left: 350px;
	background-image: url(../pix/bg-content.jpg);
	text-align: center;
}
#apDiv2 {
	position:absolute;
	left:398px;
	top:260px;
	width:596px;
	height:320px;
	z-index:8;
	margin-top: -10px;
	padding-top: 10px;
}
#hinweis-projekte {
	position:absolute;
	left:35px;
	top:247px;
	width:598px;
	height:70px;
	z-index:11;
	line-height: 24px;
	text-align: center;
/*	font-size: 0.8em;*/
}
#footer {
	position:absolute;
	width:1000px;
	height:35px;
	z-index:8;
	left: 0px;
	top: 665px;
	background-image: url(../pix/background_03.jpg);
}
#copyright {
	position:absolute;
	left:0px;
	top:676px;
	width:280px;
	height:25px;
	z-index:10;
	color: #CCCCCC;
	font-size: 10px;
}
#impressum-link {
	position:absolute;
	left:830px;
	top:676px;
	width:160px;
	height:25px;
	z-index:10;
	color: #000000;
	text-align: right;
}
#impressum-li {
	position:absolute;
	width:305px;
	height:495px;
	z-index:5;
	left: 347px;
	top: 170px;
	margin-left: 10px;
	line-height: 1.4em;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	/*	font-size: 0.68em;*/
	font-variant: normal;
	padding-top: 6px;
}
#impressum-re {
	position:absolute;
	width:315px;
	height:495px;
	z-index:5;
	left: 677px;
	top: 170px;
	line-height: 1.4em;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	/*	font-size: 0.68em;*//*	font-size: 0.68em;
*/
	font-variant: normal;
	padding-top: 6px;
}
#gmap-kontakt {
	position:absolute;
	width:650px;
	height:500px;
	z-index:3;
	top: 165px;
	background-color: #CCCCCC;
	left: 350px;
	background-image: url(../pix/bg-content.jpg);
	text-align: center;
}
#gmap {
	position:absolute;
	width:598px;
	height:450px;
	z-index:3;
	top: 25px;
	background-color: #CCCCCC;
	left: 25px;
	text-align: center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	font-size: 12px;
}
#msgbox {
	position:absolute;
	left:117px;
	top:50px;
	width:400px;
	height:225px;
	z-index:6;
	text-align: left;
}
#anschrift {
	position:absolute;
	left:52px;
	top:310px;
	width:561px;
	height:116px;
	z-index:6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.kontaktformular {
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 0px;
	margin-top: 10px;
	text-align: left;
}
.oneColElsCtr  #map_canvas {
	height: 350px;
	width: 245px;
	padding-right: 0px;
	float: left;
	position: relative;
	top: 1px;
	margin-left: 30px;
	padding-top: 10px;
	margin-top: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: thin solid #666666;
	padding-left: 120px;
}

form {
	width:350px;
	color: #333333;
}
label {
	display:inline;
}
input, textarea {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
}
textarea {
	width:350px;
	height:60px;
	font-variant: small-caps;
}
input.button {
	border:1px solid #000;
	background:#ffcc00;
	margin-top:12px;
}
.fehler {border:1px solid red;}
p.error {
	color:red;
	font-size: 11px;
}
p.error-bold {
	color:red;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.newsletter-link {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	padding: 5px;
	font-variant: small-caps;
	background-color: none;
}

.anfahrt {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	background-color: none;
	padding: 5px;
	font-variant: small-caps;
}
.label {
	font-size: 11px;
	color: #333333;
	font-variant: normal;
	line-height: 18px;
	word-spacing: normal;
	text-decoration: none;
	font-weight: normal;
}
#route {
	width:220px;
	z-index:3;
	text-align: center;
	font-size: 11px;
}

#route1 {
	width:220px;
	z-index:3;
	text-align: center;
	font-size: 12px;
}
	
#fett {
	font-size:15px; 
	color:#000000; 
	}
.fett-rot {
	color: #FF0000;
	font-weight: bold;
}
.navi1 {
	text-decoration: none;
	color: #CCCCCC;
}
.navi1-on  {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	background-color: #999999;
	padding: 10px;
}
.navi1 a:link   {
	text-decoration: none;
}
.navi1 a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
.navi1 a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 10px;
}
.navi1 a:active {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 10px;
}
.text-normal {
	/*	font-size: .8em;
*/	
	
	color: #000000;
	line-height: 21px;
	font-variant: small-caps;
	font-size: 14px;
}
.text-klein {
	font-size: 10px;
	color: #000000;
}
.text-klein2 {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.text_impressum_bold {
	font-weight: bold;
}
.text-index {
	font-size: 24px;
	color: #000000;
	font-weight: normal;
	font-variant: small-caps;
	line-height: 36px;
	list-style-type: none;
	list-style-image: none;
	cursor: auto;
}
.textlinx {
	font-size: 24px;
	color: #000000;
	font-weight: normal;
	font-variant: small-caps;
	line-height: 36px;
	cursor: auto;
}
.textlinx a:link {
	color: #000000;
	font-weight: bold;
}
.textlinx a:visited {
	color: #000000;
	font-weight: bold;
}
.textlinx a:hover {
	color: #CCCCCC;
	font-weight: bold;
}
.textlinx a:active {
	color: #000000;
	font-weight: bold;
}
.copyright {
	color: #CCCCCC
}
#bilder {
	position:absolute;
	width:559px;
	height:347px;
	z-index:1;
	left: 15px;
	top: 10px;
	background-color: #3399FF;
	visibility: hidden;
}
#thumbs-unten {
	position:absolute;
	width:630px;
	height:50px;
	z-index:2;
	left: 10px;
	top: 440px;
	background-color: #FFCCFF;
	visibility: hidden;
}
#thumbs-rechts {
	position:absolute;
	width:50px;
	height:430px;
	z-index:2;
	left: 590px;
	top: 10px;
	background-color: #99FFCC;
	visibility: hidden;
}

#text {
	position:absolute;
	width:570px;
	height:71px;
	z-index:3;
	left: 10px;
	top: 362px;
	background-color: #FFFFCC;
	visibility: hidden;
}
ul#menu {
	width: 250px;
	list-style-type: none;
	border-top: solid 1px #b9a894;
	margin: 0;
	padding: 0;
	line-height: 15px;
}
ul#menu ol {
	display: none;
	text-align: right;
	list-style-type: none;
	padding: 5px;
	width: 250px;
}
ul#menu li, 
  ul#menu a {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}
ul#menu li {
	border-bottom: solid 1px #b9a894;
	line-height: 18px;
}
ul#menu ol li {
	border-bottom: none;
	line-height: 18px;
}
ul#menu ol li:before {
	content: "- ";
}
ul#menu a {
	text-decoration: none;
	outline: none;
}
ul#menu a:hover {
  color: #539dbc;
}
ul#menu a.active {
  color: #be5028;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
/*	color: #999999;*/
}
a:active {
	text-decoration: none;
}
#flags {
	position:absolute;
	left:350px;
	top:8px;
	width:150px;
	height:30px;
	z-index:1;
}
#newsletter {
	position:absolute;
	left:570px;
	top:8px;
	width:250px;
	height:30px;
	z-index:1;
}

.Stil1 {color: #999999}


.Stil2 {
	font-size: 12px
}
.Stil3 {color: #000000}
.Stil4 {color: #848D96}