/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {list-style-type:none; margin:0; padding:0;}
#menu li {float:left; padding:0; margin:0 -2px 0 0; position:relative; width:105px; height:30px; /*z-index:100;*/ }

#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited #menu li a:hover {text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:1px; }
#menu li:hover dd, #menu li a:hover dd {display:block; color: #ffffff; border:1px;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:0px; color: #ffffff; border:1px;}
#menu table {border-collapse:collapse; padding:0; margin:0px; }
#menu dl {width: 105px; margin: 0; font-size: 14px; color: #ffffff; padding: 0; background: #006600; text-align:left; cursor:pointer;}
#menu dt {margin:1px; padding: 5px; font-size: 14px; color: #ffffff; border-left:1px solid #fff; border-right:1px solid #fff;}
#menu .one {background: #006600;}

#menu dd {margin:0px; padding:0; color: #fff; background: #006600; text-align:left;}

.gallery dt a, .gallery dt a:visited {display:block; color:#fff;}
.gallery dd a, .gallery dd a:visited {color:#fff; text-decoration:none; display:block; background: #006600; width:160px; border:1px solid #fff; padding:5px;}
.gallery dd a:hover {color:#006600; text-decoration:none; display:block; background: #fff; border:1px solid #fff; padding:6px;}
*+html .gallery dd a:hover {padding:5px;} /* nur IE7 */
* html .gallery dd a:hover {padding:5px;} /* nur IE6 */


body {
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	margin: 0px;
	padding-top: 10px;
	background-image: url(../img/back.gif);
	background-repeat: repeat-x;
}
a:link {
	color: #006600;
	text-decoration: none;
}
a:visited {
	color: #006600;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
   	text-decoration: none;
}
a:active {
	color: #006600;
	text-decoration: none;
}

h1 {
	font-size: 18px;
	line-height: 18px;
	margin: 0;
	margin-bottom: 10px;
	padding: 10px;
	color: #ffffff;
	background-color: #99cc00;
}
h2 {
	font-size: 16px;
	line-height: 18px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #006600;
}
h3 {
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #006600;
}
h4 {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #006600;
}
h5 {
	font-size: 11px;
	line-height: 18px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #006600;
}
h6 {
	font-size: 10px;
	line-height: 18px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #006600;
}
p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #333333;
}
img {
	border: 0px;
}


table.footer { 
	width: 100%; 
	padding: 0px; 
	border: none; 
}

table.footer tr {
	text-align: right;
	font-size: 12px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006600;
}



table.miete_fakt tr {
	text-align: right;
	font-size: 10px;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006600;
}



#XXX192 {
width: 192px;
margin: 5px;
padding: 5px;
border 1px solid #000000;
background-color: #006600;
}

#XXX384 {
width: 384px;
margin: 5px;
padding: 5px;
border 1px solid #000000;
}

#XXX576 {
width: 576px;
margin: 5px;
padding: 5px;
border 1px solid #000000;
}

#XXX768 {
width: 576px;
margin: 5px;
padding: 5px;
border 1px solid #000000;
}

#XXX960 {
width: 960px;
margin: 5px
padding: 5px;
border 1px solid #000000;
}



#master {
	position: relative;
	width: 960px;
	margin: auto;
}
#header {
	position: relative;
	height: 120px;
}
#logo {
	position: absolute;
	left: 0px;
	width: 200px;
	height: 120px;
}
#navi {
	position: absolute;
	float: right;
	left: 200px;
	width: 760px;
	height: 120px;
/*	z-index: 960;*/
}
#links {
	position: relative;
	left: 428px;
	width: 332px;
	height: 30px;
}
#green {
	position: relative;
	width: 760px;
	height: 60px;
}
#menu {
	position: relative;
	left: 1px;
	width: 739px;
	height: 30px;
	background-color: #006600;
}
#crumbs {
	position: relative;
	height: 30px;
	font-size: 10px;
	line-height: 30px;
	font-weight: bold;
}
#key {
	position: relative;
	width: 960px;
	height: 120px;
	margin-bottom: 10px;
}
#stage {
	position: relative;
}

#left {
	position: absolute;
	left: 10px;
	width: 180px;
}
#main {
	position: absolute;
	left: 200px;
	width: 540px;
}
#right {
	position: absolute;
	left: 770px;
	width: 180px;
}
#double_left {
	position: absolute;
	left: 200px;
	width: 370px;
	background-color: #eeeeee;
}
#double_right {
	left: 580px;
	position: absolute;
	width: 370px;
	background-color: #eeeeee;
}
#single {
	position: relative;
	width: 180px;
	margin-bottom: 10px;
	padding-bottom: 1px;
	background-color: #cccccc;
}
#triple {
	position: relative;
	width: 560px;
}
#quadruple {
	position: relative;
	width: 750px;
}
#bild_1 {
	position: absolute;
	left: 0px;
	width: 180px;
	margin: 10px 0px 10px 0px;
}
#bild_2 {
	position: absolute;
	left: 190px;
	width: 180px;
	margin: 10px 0px 10px 0px;
}
#bild_3 {
	position: absolute;
	left: 380px;
	width: 180px;
	margin: 10px 0px 10px 0px;
}
#bild_4 {
	position: absolute;
	left: 570px;
	width: 180px;
	margin: 10px 0px 10px 0px;
}
#bild_5 {
	position: absolute;
	left: 660px;
	width: 180px;
	margin: 10px 0px 10px 0px;
}
#bottom {
	position: relative;
	width: 960px;
	height: 30px;
	color: #ffffff;
	background-color: #006600;
	text-align: right;
}


/* END BOX_MIETE_ANGEBOTE */

table.single {
	width: 180px;
	margin-bottom: 10px;;
	background-color: #eeeeee;
}
/*h3.sub:before {
	content:url(../img/bullet1.png);
}*/	
h3.sub {
	padding-top: 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #006600;
}	
h4.sub {
	padding-left: 5px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	color: #006600;
	background-color: #cccccc;
}
ul.sub {
	list-style-type: none;
	margin: 0px 10px 10px 40px;
	padding: 10px 0px 10px 0px;
	background-color: #dddddd;
}
li.sub {
	list-style-image: url(../img/arrow0.png);
	list-style-position: outside;
	padding: 0px 5px;
	font-size: 12px;
	line-height: 18px;
	margin-left: -20px;
	background-color: #dddddd;
	margin-right: 10px;
}
li.sub:hover {
	list-style-image: url(../img/arrow1.png);
	background-color: #eeeeee;
}	
li.sub:active {
	list-style-image: url(../img/arrow2.png);
	background-color: #cccccc;
}

/* END BOX_MIETE_ANGEBOTE */


/* BEGIN BOX_TEASER */
table.teaser {
	width: 178px;
	margin-bottom: 20px;
	border:1px solid #000000;
	background-color: #ffffff;
}

tr.teaser {
	border:1px solid #000000;
	background-color: #ffffff;
}


h1.teaser {
	margin: 0px;
	padding: 5px 10px 0px 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff6600;
}	

h2.teaser {
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #006600;
}

p.teaser {
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	background-color: #ffffff;
}

img.teaser {
	padding				: 5px;
	text-align			: center;	
}

img.teaser {
	padding				: 5px;
	text-align			: center;	
}

/* END BOX_TEASER */



a.text:link      {color:#006600;text-decoration:none;font-size:12px;}
a.text:visited   {color:#006600;text-decoration:none;font-size:12px;}
a.text:hover     {color:#FF6600;text-decoration:none;}
a.text:active    {color:#333333;text-decoration:none;}

a.links:link 	 {color:#006600;text-decoration:none;font-size:12px;line-height:30px;}
a.links:visited  {color:#006600;text-decoration:none;font-size:12px;line-height:30px;}
a.links:hover    {color:#006600;text-decoration:none;}
a.links:active   {color:#333333;text-decoration:none;}

a.crumbs:link    {color:#006600;text-decoration:none;font-size:10px;line-height:30px;}
a.crumbs:visited {color:#006600;text-decoration:none;font-size:10px;line-height:30px;}
a.crumbs:hover   {color:#FF6600;text-decoration:underline;}
a.crumbs:active  {color:#333333;text-decoration:underline;}

a.navi:link      {color:#FFFFFF;text-decoration:none;font-size:12px;line-height:30px;letter-spacing:1px;}
a.navi:visited   {color:#FFFFFF;text-decoration:none;font-size:12px;line-height:30px;letter-spacing:1px;}
a.navi:hover     {color:#006600;text-decoration:none;}
a.navi:active    {color:#333333;text-decoration:none;}

a.menu:link      {color:#006600;text-decoration:none;font-size:12px;}
a.menu:visited   {color:#006600;text-decoration:none;font-size:12px;}
a.menu:hover     {color:#006600;text-decoration:none;}
* html a.menu:hover { color:#FF6600;text-decoration:none; } /* nur IE6 */
a.menu:active    {color:#333333;text-decoration:none;}

a.teaser:link    {color:#006600;text-decoration:none;font-size:12px;}
a.teaser:visited {color:#006600;text-decoration:none;font-size:12px;}
a.teaser:hover   {color:#006600;text-decoration:none;}
a.teaser:active  {color:#333333;text-decoration:none;}

h3.menu:before   {content:url(../img/bullet1.png);}
h3.menu{background-color:#EEEEEE;margin:0px;padding:5px 10px;color:#006600;}
h4.menu{background-color:#CCCCCC;margin:0px 10px;padding:5px 15px;color:#006600;}
h4.teaser{background-color:#FF6600;margin:10px 10px 0px 10px;padding:5px 15px;color:#FFFFFF;}

ul.links {
background-color:#EEEEEE;
list-style-type:none;
margin:0px;
padding: 0px;
}

li.links {
background-color: #EEEEEE;
width: 91px;
height: 30px;
float: right;
border-left: 1px solid #FFFFFF;
margin: 0px;
padding-left: 10px;
}

li.links:hover {
background-color: #DDDDDD;
}

li.links:active {
background-color: #CCCCCC;
}

ul.navi{background-color:#006600;list-style-type:none;margin:0px;padding: 0px;}
li.navi{background-color:#006600;width:90px;height:30px;float:left;border-left:1px solid #FFFFFF; margin:0px;padding: 0px 0px 0px 10px;}
li.navi:hover{background-color:#FFFFFF;}
li.navi:active{background-color:#EEEEEE;}

ul.menu{background-color:#DDDDDD;list-style-type:none;margin:0px 10px 10px 10px;padding:10px 0px;}
li.menu{background-color:#DDDDDD;list-style-image:url(img/arrow0.png);list-style-position:outside;margin:0px 10px 0px 20px;padding: 0px 5px;}
li.menu:hover{background-color:#EEEEEE;list-style-image:url(img/arrow1.png);}
li.menu:active{background-color:#CCCCCC;list-style-image:url(img/arrow2.png);}

ul.teaser{background-color:#DDDDDD;list-style-type:none;margin:0px 10px 10px 10px;padding:10px 0px;}
li.teaser{background-color:#DDDDDD;list-style-image:url(img/arrow0.png);list-style-position:outside;margin:0px 10px 0px 20px;padding: 0px 5px;}
li.teaser:hover  {background-color:#EEEEEE;list-style-image:url(img/arrow1.png);}
li.teaser:active {background-color:#CCCCCC;list-style-image:url(img/arrow2.png);}

.nav ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.nav li{
	float: left;
	position: relative;
}

.nav ul a {
	padding: 0px 10px 0px 10px;
}
.nav ul a {
	display: block;
	text-decoration: none;
	height: 30px;
	margin:  0px 0px 0px -1px;
	padding-left: 10px;
	font-size: 14px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	overflow: hidden;
	line-height: 30px;
}
.nav ul ul a {
	border-top: 1px solid #FFFFFF;
}
.nav ul ul {
	border-bottom: 1px solid #FFFFFF;
}
.nav ul a:visited, .nav ul a {
	color: #FFFFFF;
	background-color: #006600;
}
.nav ul a:hover, .nav ul a:active{
	color: #006600;
	background-color: #FFFFFF;
}
.nav ul ul {
	visibility: hidden;
	position: absolute;
}
.nav ul ul li {
	clear: both;
}
.nav ul li:hover ul {
	visibility: visible;
}
.nav ul a:hover ul {
	visibility: visible;
}
.nav ul a, .nav ul a:visited {
	width:85px;
}
.nav ul ul a, .nav ul ul a:visited {
	width:180px;
}



.image {
	 border				: 1px solid #999999;
	 padding			: 11px;
	 text-align			: center;
}
#miete .image {
	padding				: 5px;
}
#miete_details #gallery {
	width				: 425px;
	height				: 116px;
	 border				: 1px solid #999999;
}

#miete_details #gallery .image {
	width				: 128px;
	height				: 96px;
	margin-top			: 9px;
	margin-left			: 9px;
	float				: left;
	padding				: 0;
	line-height			: 96px;
        border				: 0px;
}

/* Kontaktformular */

td.form {
	background-color: #F6F6F6;
	color: #006600;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
/*        z-index: 50;*/
        vertical-align: top;
}

select {
    padding: 5px;
    margin-top: 10px;
}



input {
	margin-top: 10px;
	margin-right: 5px;
	background-color: #E7E7E7;
	padding: 5px;
	border: 2px solid #FFFFFF;
}

input.XXX50 { 
	display: block;
	float: left;
	width: 50px;
}

input.XXX100 { 
  display: block;
  float: left;
  width: 100px; /* Breite.*/
}

input.code { 
  float: left;
  width: 100px; /* Breite.*/
}


label {
 margin-top: 10px;
 padding: 5px;
 width: 130px;
 display: block;
 float: left;
 text-align: right; 
 padding-right: 1em; 
}

label.red {
 color:#FF0000;
 margin-top: 10px;
 padding: 5px;
 width: 130px;
 display: block;
 float: left;
 text-align: right; 
 padding-right: 1em; 
}


label.XXX2sp {
 margin-top: 10px;
 margin-left: 200px;
 padding: 5px;
 width: 90px;
 display: block;
 float: left;
 text-align: right; 
 padding-right: 1em; 
}

.check {
 margin-top: 20px; 
}

img.sec_img {
  padding-top: 10px;
}


/*

 Sitemap

*/
ul.sitemap{list-style-type:none; margin:0px; padding: 0px 0px 0px 15px;}
li.sitemap{ padding-left: 0px; padding-bottom: 10px; padding-right: 0px; padding-top: 0px; list-style-type:none; margin:0px;}
a.sitemap:link    {color:#006600;text-decoration:none;font-size:14px;line-height:30px; padding-right: 10px;}
a.sitemap:visited {color:#006600;text-decoration:none;font-size:14px;line-height:30px; padding-right: 10px;}
a.sitemap:hover   {color:#FF6600;text-decoration:none; padding-right: 10px;}





/* Micro Sites */
.microNav      {width:960px;height: 30px;background-color:#FFFFFF; font-weight:bold;}
a.microNav:link    {color:#006600;text-decoration:none;font-size:12px;font-weight:bold;line-height:30px; padding-right: 10px;}
a.microNav:visited {color:#006600;text-decoration:none;font-size:12px;font-weight:bold;line-height:30px; padding-right: 10px;}
a.microNav:hover   {color:#FF6600;text-decoration:none; padding-right: 10px;}
a.microNav:active  {color:#333333;text-decoration:none; padding-right: 10px;}


ul.sub_microsite{margin-left:10px;padding:5px;}
li.sub_microsite{margin-left:10px;}
li.sub_microsite2{margin-left:10px;}
li.sub_microsite3{margin-left:10px; list-style-type: none; }

p.sub_microsite{margin: 10px;}

h3.sub_microsite:before {
	content:url(http://www.manke-bau.de/img/MicroSites/bullet1.gif);
}

h3.sub_microsite {
	padding-top: 10px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #006600;
}

td.sub_microsite {
	border-top-width: 2px;
	border-style: solid;
	border-color: #006600;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

td.sub_microsite_buttom {
    border-color: #006600;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-style: none;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

img.sub_microsite {
	padding-left: 5px;
	padding-right: 5px;
	float:right;
}

td.kpl {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

tr.kpl:hover { 
        background-color: #dcedb3; 
}


#tooltip a span {display: none;}

#tooltip a:hover span {display: block;
   position: absolute; top: 780px; left: 50%; width: 300px;
   padding: 10px; z-index: 100; 
   color: #AAA; margin: -150px; background: black;
   font: 1.5em Verdana, sans-serif; text-align: center;
   opacity: 0.75; -moz-opacity: 0.75; /* older Gecko-based browsers */
   filter:alpha(opacity=75); /* For IE6&7 */}

#newsletter span {display: block;
   position: absolute; top: 500px; left: 50%; width: 500px;
   padding: 25px; z-index: 100; 
   color: #EEE; margin: -200px; background: #005500;
   font: 1.5em Verdana, sans-serif; text-align: justify;
   opacity: 0.75; -moz-opacity: 0.75; /* older Gecko-based browsers */
   filter:alpha(opacity=75); /* For IE6&7 */}

#newsletter2 span {display: block;
   position: absolute; top: 200px; left: 200px; width: 350px;
   padding: 20px; z-index: 100; 
   color: #EEE; margin: -200px; background: #006600;
   font: 1.3em Verdana, sans-serif; text-align: justify;
   opacity: 0.95; -moz-opacity: 0.95; /* older Gecko-based browsers */
   filter:alpha(opacity=95); /* For IE6&7 */}

table.finanz {
   border: 1px solid black;
   border-collapse: collapse;
}

.finanz td {
   border: 1px solid black;
}

td.finanz_r {
   text-align: right;
}