/* ================================================================ 
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;
}

li.sub_j {
	padding: 0px 5px;
	font-size: 12px;
	line-height: 18px;
	margin-left: -20px;
	background-color: #dddddd;
	margin-right: 10px;
}

/* 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;
}

#startseite {
   background: #ffffff url(/img/startseite.png) top center no-repeat;
   height: 520px;
   width: 960px;
}


.triple{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
}
.triple ul{
	list-style:none;
	margin:0;
	padding:0;
}

.triple li{
	float:left;
        background:#006600;
        color: #ffffff;
        width: 290px; /*915px;*/
        height: 40px;
	padding:0;
}

.triple li#top:hover{
	background: #99CC33;
	text-decoration:none;
}

.triple li#top p {
        margin: 6px 0px 0px 10px;
        color: #ffffff;
        font-size: 1.5em;
}

.triple li#sub p {
        padding: 10px; 
        margin: 0;
        color: #006600;
        font-size: 1em;
}

.triple li ul{
	background:#ffffff;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
        margin-top: -85px;
	border-top:1px solid #006600;
	position:absolute;
	width: 290px;; /*915px*/
        opacity: 0.90; -moz-opacity: 0.90; /* older Gecko-based browsers */
        filter:alpha(opacity=90); /* For IE6&7 */
}

.triple li ul li {
      float:none;
      height: 50px;
      background:none;
      color: #006600;
   }

.triple li:hover ul {
      display:block;
   }

.newsbar{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
}

div.newsbar{
        background: url(/img/newsbar.png) no-repeat;
	width:960px;
	height:40px;
}
.newsbar ul{
        list-style:none;
	margin:0 0 0 100px;
	padding:0;
}

.newsbar li{
	float:left;
        background:#f5f5f5;
        height: 20px;
        margin: 10px 0 0 0;
	padding: 0 0 0 20px;
}

.newsbar li#top {
        background: #f5f5f5 url(/img/news_up2.png) center left no-repeat;
        border-right: 1px solid #999999;
}

.newsbar li#top:hover{
	background: #e2e2e2 url(/img/news_up2.png) center left no-repeat;
	text-decoration:none;
}

.newsbar li#top p {
        margin: -4px 0 0 0 ;
        color: #000000;
        font-size: 1em;
}

.newsbar li#sub p { 
        margin: 0 0 0 -20px;
        padding: 0 10px 10px 10px;
        color: #006600;
        font-size: 1em;
}

.newsbar li ul{
	list-style:none;
	background:#ffffff;
	display:none;
	height:auto;
	padding:0px;
        margin: -105px 0 0 -20px;
	border:1px solid #999999;
        border-width: 1px 1px 0px 1px;
	position:absolute;
        opacity: 0.95; -moz-opacity: 0.95; /* older Gecko-based browsers */
        filter:alpha(opacity=95); /* For IE6&7 */
}

.newsbar li ul li {
      float:none;
      height: 70px;
      max-width:300px;
      background:none;
      color: #006600;
   }

.newsbar li:hover ul {
      display:block;
   }

a.v_facebook,
a.v_facebook:link,
a.v_facebook:visited,
a.v_facebook:active {
	position:fixed;
	top: 132px;
	right: 0px;
	width: 33px;
	height: 100px;
	display: block;
	cursor:pointer;
	background: url(/img/Startseite/v_facebook.gif) right no-repeat;
	z-index: 10;
}

a.v_facebook:hover {
	background: url(/img/Startseite/v_facebook.gif) #0552a0 left no-repeat;
}

a.v_youtube,
a.v_youtube:link,
a.v_youtube,
a.v_youtube:active {
	position:fixed;
	top: 242px;
	right: 0px;
	width: 33px;
	height: 100px;
	display: block;
	cursor:pointer;
	background: url(/img/Startseite/v_youtube.gif) right no-repeat;
	z-index: 10;
}

a.v_youtube:hover {
	background: url(/img/Startseite/v_youtube.gif) #9d9d9d left no-repeat;
}

a.v_xing,
a.v_xing:link,
a.v_xing:visited,
a.v_xing:active {
	position:fixed;
	top: 352px;
	right: 0px;
	width: 33px;
	height: 100px;
	display: block;
	cursor:pointer;
	background: url(/img/Startseite/v_xing.gif) right no-repeat;
	z-index: 10;
}

a.v_xing:hover {
	background: url(/img/Startseite/v_xing.gif) #005a5f left no-repeat;
}