#cmDisclaimerContainer {
	display: none;
	background-color: #ffffff;
	border: #000000 dotted 1px;
	width: 400px;
	height: 250px;
	overflow: auto;
	color: #000000;
	padding: 10px;
	position: absolute;
	left: 150px;
	top: 150px;
	z-index: 100;
}
#cmDisclaimerClose {
	position: absolute;
	top: 5px;
	right: 20px;
}


/*

POSSE UND GOETZE 2007
Webdesign: Schoenwald

Farben:
Hellgrau= #F3EFED
Lightgrau=#DFDFDF
Darkgrau=#666666
Textfarbe=#666666

*/

* {
margin: 0px;
padding: 0px;
}

img {
border: none;
}

body {
font-family: verdana, arial, sans-serif;
font-size: 11px;
background-color: #F3EFED;
color: #333;
}

a	 { font-weight: normal; 
		 color: #666; 
		 text-decoration: underline;
		}


a:hover { font-weight: normal; 
		  color: #666 ; 
		  text-decoration: none; 
		}

#main {
width: 870px;
}

#logo {
width: 200px;
height: 78px;
background: #F3EFED;
margin: 20px;
}

#left {
width: 240px;
float:left;
}

#right  {
background-color: #D2D2D2;
float:left;
width: 600px;
margin-top: 5px;
}

#pfad {
width: 30px;
float:right;
margin-top: 5px;
background-position: 0 0px;
background-repeat: no-repeat;
}

.homepfad {
height: 400px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/home_vertikal.gif);
}

.tragwerksplanungpfad {
height: 500px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/tragwerksplanung_vertikal.gif);
}

.nachweisepfad {
height: 400px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/nachweise_vertikal.gif);
}

.gewerbepfad {
height: 400px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/gewerbe_vertikal.gif);
}

.oeffentlichepfad {
height: 500px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/oeffentliche_vertikal.gif);
}

.privatpfad {
height: 400px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/privat_vertikal.gif);
}

.sanierungpfad {
height: 500px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/sanierung_vertikal.gif);
}

.aktuellespfad {
height: 500px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/aktuelles_vertikal.gif);
}

.ingenieurbueropfad {
height: 500px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/ingenieurbuero_vertikal.gif);
}

.kontaktpfad {
height: 500px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/kontakt_vertikal.gif);
}

.impressumpfad {
height: 500px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/impressum_vertikal.gif);
}

.anfahrtpfad {
height: 500px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/anfahrt_vertikal.gif);
}

.clear {
clear: both;
}

#footer {
margin-left: 240px;
width: 600px;
}

#adresstext {
text-align: left;
font-size: 11px ;
font-family: Verdana;
color: #666666;
line-height: 160%;
margin-top: 10px;
text-transform:uppercase;
text-align: center;
}

#maintext {
text-align: left;
font-size: 11px ;
font-family: Verdana;
line-height: 160%;

}

/* Kontaktformular */


div#conta {
float:left;
background-color: none;
width: 325px;
height: 200px;
margin-left: 25px;
margin-right: 25px;
}


table#adresstbl {
cellspacing: 0px;
cellpadding: 0px;
caption-side:top;
color: #666666;
line-height: 20px;
width: 550px;
}

table#adresstbl tr td {
border-bottom: 1px solid white;
}

table#adresstbl tr th {
text-align: left;
}

div#anschrift {
float:left;
margin-left: 25px;
margin-top: 25px;
margin-bottom: 25px;
width: 550px;
border: none;
background-color: none;
}


/* Textaufteilung */

div#spalte1 {
float:left;
padding: 0px 25px;
width: 262px;
}

div#spalte2 {
float:left;
width: 262px;
padding: 0px 25px 25px 0;
}

div#spalte2 ul {
padding-left: 15px;
}


div#spalte1 p,
div#spalte2 p {
padding: 0px;
margin: 0px;
}

div#spalte1 h2,
div#spalte2 h2 {
	padding-left: 0px;
	margin-left: 0px;
}
/* NAVIGATION */

ul#navi {
list-style: none;
width: 240px;
}

ul#navi li {
display: inline;
}

ul#navi li a {
text-transform: uppercase;
color: #333;
text-decoration: none;
display: block;
line-height: 230%;
font-size: 11px;
padding-left: 25px;
background-image: url(http://web02.city-map.de/homepage/01/0101/010100670/seg_small.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
}

ul#navi li a:hover,
ul#navi li.active a {
font-weight: bold;
}

ul#navi ul li a {
background: none;
padding-left: 45px;
}

ul#navi ul {
margin-bottom: 20px;
}

/* INHALT */

h2 {
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
margin: 20px 25px;
}

h2 span {
margin-left: 10px;
}

#right p {
padding: 0 25px;
margin-bottom: 20px;
line-height: 150%;
}

#anschrift p {
text-align: left;
padding: 5px;

}

ul#imgList {
padding: 0 25px;
overflow: hidden;
margin-bottom: 22px;
}

ul#imgList li {
float:left;
list-style: none;
}

ul#imgList li a {
display: block;
height:110px;
width: 120px;
margin-right: 22px;
background-color: #DFDFDF;
line-height: 110px; 
text-align: center;
font-weight: bold;
text-decoration: none;
color: #666;
}

ul#imgList li a:hover {
background-color: #B9B9B9;
}

ul#imgList li.point4 a,
ul#imgList li.point8 a{
margin-right: 0px;
}

ul#imgList li.point1,
ul#imgList li.point2,
ul#imgList li.point3,
ul#imgList li.point4 {
margin-bottom: 22px;
}

ul#imgList span {
font-size: 9px;
letter-spacing: -3px;
font-weight: bold;
}

/* Bildergalerie*/

#image_gallery_149_352,

#image_gallery_149_354,

#image_gallery_149_353,

#image_gallery_149_355
 {
margin-left: 15px;
}




/* MINSTER SYSTEM */

#impressum,
#kontakt,
#aktuelles {
padding-left: 25px;
padding-bottom: 25px;
line-height: 150%;
}


#aktuelles li {
margin-left: 20px;
}

.hpsubtitel {
font-weight: bold;
}

#aktuelles img {
margin-right: 10px;
}
#kontakt form{
width: 4200px;
}

#kontakt form textarea {
width: 420px;
}

#kontakt form input {
width: 220px;
}


#kontakt form td.hptext input {
width: 30px;
}


#kontakt form table,
#kontakt form {
width: 420px;
}