#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;
}




/*

Februar 2006

Layout: Schoenwald
Programmierung: Steffen

*/

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

.clear {
  clear: both;
}

img {
  border: 0px;
  display: block;
}

body {
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  color: #333;
  background-color: #6E6E6E;
  text-align: center;
  line-height: 18px;
}

#wrap {
  text-align: left;
  width: 835px;
  margin: 0 auto;
  margin-top: 18px;
}

#site_inner {
  background-color: #fff;
  color: #333;
  padding: 10px 10px 0 10px;
  width: 815px;
}

#head {
  background-image: url(http://web02.city-map.de/homepage/01/0101/010101426/design/meier_und_sohn_bedachungen_design_head.jpg);
  background-repeat: no-repeat;
  height: 90px;
}

#left {
  width: 265px;
  float: left;
  margin-top: 12px;
}

#navi_box {
  background-color: #EDEDED;
  height: 274px;
}

.box_top {
  background-color: #FE0000;
  color: #fff;
  height: 40px;
}

.box_top h3 {
  padding-top: 10px;
  margin-left: 20px;
  font-size: 11px;
  font-weight: bold;
}

#firmenname {
  margin-top: 15px;
}

#firmenname h1 {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.line {
  width: 240px;
  height: 1px;
  margin: 10px 10px 20px;
  line-height: 0;
  font-size: 0;
  border-top: 1px solid #FE0000;
}

ul#navi {
  list-style: none;
  margin-left: 12px;
}

ul#navi li {
  width: 140px;
  float: left;
  line-height: 23px
}

ul#navi li a {
font-family: verdana, arial, sans-serif; 
  text-decoration: none;
  color: #333;
  background-image: url(http://web02.city-map.de/homepage/01/0101/010101426/design/meier_und_sohn_bedachungen_design_navi.gif);
  background-repeat: no-repeat;
  background-position: 0% 145%;
  padding-left: 13px;
}

ul#navi li.aktiv a,
ul#navi li a:hover {
  background-position: 0% 5%;
  color: #FE0000;
}

ul#navi li.right_navi {
  width: 90px;
  margin-left: 10px;
}

ul#garantieliste {
  list-style: none;
  margin-top: 10px;
}

ul#garantieliste li {
  background-image: url(http://web02.city-map.de/homepage/01/0101/010101426/design/meier_und_sohn_bedachungen_design_red_liststyle.gif);
  background-repeat: no-repeat;
  background-position: 1px;
  padding-left: 20px;
  margin-left: 20px;
}

ul#garantieliste li.garantie_link {
  margin: 11px 0 0 0;
  background-image: none;
}

ul#garantieliste li.garantie_link a {
  color: #FE0000;
  text-decoration: none;
}

ul#garantieliste li.garantie_link a:hover {
  text-decoration: underline;
}

#energiesparen_box {
  height: 164px;
  width: 253px;
  border: 1px solid #999;
  margin: 0 0 10px 5px;
  background-image: url(http://web02.city-map.de/homepage/01/0101/010101426/design/meier_und_sohn_bedachungen_design_energiesparen.jpg);
  background-repeat: no-repeat;
}

#energiesparen_box h2 {
  color: #FE0000;
  font-size: 12px;
  text-align: right;
  margin: 17px 20px 0 0;
}

#energiesparen_box p {
  text-align: right;
  margin: 10px 22px 0 0;
}

#energiesparen_box p a {
  color: #FE0000;
  text-decoration: none;
}

#energiesparen_box p a:hover {
  text-decoration: underline;
}

#site_outer {
  margin: 15px 0 10px 0;  
  text-align: center;
}

#site_outer p {
  color: #fff;
}

#right {
  float: left;
  margin: 12px 0 0 10px;
  width: 540px;
}

#right_img {
  float:left;
  width: 269px;
  margin-bottom: 6px;
}

#left_img {
  float: left;
  margin-right: 1px;
}

#content {
  width: 540px;  
  background-color: #E6E6E6;
  margin-bottom: 10px;
}

#abstand {
  height: 20px;
}

#abstand2 {
  height: 15px;
}

#content h2 {
  font-size: 11px;
  font-weight: bold;
  padding: 10px;
}

#content p {
  padding: 0 10px 0 10px;
}

#content p a {
  color: #FE0000;
  text-decoration: none;
}

#content p a:hover {
  text-decoration: underline;
} 

#content_left {
  float: left;
  width: 265px;
}

#content .line_2 {
  margin-top: 1px;
}


#content_left p {
  color: #333;
  padding: 10px;
}

#content_right {
  float: left;
  width: 265px;
  margin-left: 10px;
}

#content_right p {
  color: #333;
  padding: 10px;
}

#content_right p a {
  color: #FE0000;
}

#content_right p a:hover {
  text-decoration: none; 
}

#content_right h2,
#content_left h2 {  
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  background-color: #6E6E6E;
  line-height: 40px;
  height: 40px;
  color: #fff;  
}



ul.content_list {
  list-style: none;
  margin-left: 12px;
}

ul.content_list li {
  line-height: 24px;
}

ul.content_list li a {
  color: #333;
  text-decoration: none;
  background-image: url(http://web02.city-map.de/homepage/01/0101/010101426/design/meier_und_sohn_bedachungen_design_red_arrow.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  background-position: 1px;
}

ul.content_list2 {
  list-style: none;
  margin-left: 12px;
}

ul.content_list2 li {
  line-height: 24px;
}

ul.content_list2 li {
  color: #333;
  text-decoration: none;
  background-image: url(http://web02.city-map.de/homepage/01/0101/010101426/design/meier_und_sohn_bedachungen_design_red_arrow.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  background-position: 1px;
}

ul.content_list2 li.red_link {
  background-image: none;  
}

ul.content_list2 li.red_link a {
  margin-left: -15px; 
  background-image: none;
  color: #FE0000;
  line-height: 40px;
  text-decoration: none;
}

ul.content_list2 li.red_link a:hover {
  text-decoration: underline;
}

ul.content_list li a:hover {
  text-decoration: underline;
}

ul.content_list li.red_link a {
  margin-left: -15px; 
  background-image: none;
  color: #FE0000;
  line-height: 40px;
}


ul.content_list_right {
  list-style: none;
  margin-left: 12px;
  margin-top: 6px;
}

ul.content_list_right li {
  line-height: 23px;
  color: #333;
  text-decoration: none;
  background-image: url(http://web02.city-map.de/homepage/01/0101/010101426/design/meier_und_sohn_bedachungen_design_red_arrow.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  background-position: 1px 8px;
}

ul.content_list_right li a {
  color: #333;
  text-decoration: none;
}

ul.conten_list_right li a:hover {
  text-decoration: underline;
}

ul.content_list_right li.red_link {
  background-image: none;
}

ul.content_list_right li.red_link a {
  margin-left: -15px;  
  color: #FE0000;
  line-height: 40px;
  text-decoration: none;  
}

ul.content_list_right li a:hover {
  text-decoration: underline;
}

#content_head {  
  margin-bottom: 9px; 
}

#anfrage {
  margin: 0 10px 0 10px; 
  padding: 10px 0 10px 0;
}

#anfrage a {
  color: #FE0000;
}

#anfrage .hpsubtitel {
  font-weight: bold;
} 

#aktuelles {
  margin: 0 10px 0 10px; 
  padding: 10px 0 10px 0;
}

#aktuelles li {
  list-style: none;
}

#aktuelles li a {
  color: #FE0000;
  text-decoration: underline;
}

#aktuelles .hpsubtitel {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

#aktuelles li {
  list-style: disc;
  margin-left: 10px;
}

#aktuelles .hptext a {
  color: #FE0000;
  text-decoration: none;
}

#aktuelles .hptext a:hover {
  text-decoration: underline;
}

#impressum {
  margin: 0 10px 0 10px; 
  padding: 10px 0 10px 0;
}

#impressum a {
  color: #FE0000;
}

#impressum table {
  width: 480px;
}

#anfahrt {
  margin: 0 10px 0 10px; 
  padding: 10px 0 10px 0;
}

#anfahrt .route_NAVI {
  width: 455px !important;
}


#galerie {
  margin: 0 0 0 15px; 
  padding: 10px 0 10px 0; 
}

#headline {
  height: 39px;
  color: #fff;
  background-color: #6E6E6E;
  line-height: 40px;
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
}




#imageDetails {
width: 400px !important;
}

#bottomNav {
witdh: 70px;
}


#bottomNav img {
display: inline;
}




#wrap #site_inner #right #content #aktuelles .hptext IMG {
float: none;
}