/* Styles Bioblockhaus Dufter */
/* Erstellt Februar 2010 */


/* allgemeine Formatierungen */
body {
	margin:0;
	padding:0;
	width:100%;
	background-color:#f2f2f2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#000;
	background-image:url(../img_all/backround_wood.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
/* Allgemeines */
#MainIntro{
	margin:53px auto 0 auto;
	width:573px;
}
#Main{
	position:relative;
	margin:0;
	width:100%;
}
#ImgRow{
	margin:53px auto 0 auto;
	width:853px;
	height:366px;
}
.cleaner{
		clear:both;
}
.Left{
	float:left;
}
p{
	margin:0;
}
form{
	margin:0;
}
.red{
	color:#631313;
	font-style:normal;
	font-size:12px;
}
.redbold{
	color:#631313;
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Navigation -------------------------------*/
#NaviBg{
	height:32px;
	background-image:url(../img_all/nav.jpg);
	background-repeat:repeat-x;
	width:100%;
	margin:0;
}
#Navi{ 
	margin:0 auto;
	padding:0;
	font-size:13px;
	width:680px;
	height:32px;
}
#Navi img{ 
	border:none;
}
#Navi ul { 
	list-style: none;
	padding:5px 0 0 45px;
	margin:0;
}
#Navi li { 
	display: inline;
	list-style: none;
	float: left;
	white-space:pre;
	background-image:url(../img_all/NaviBorder.gif);
	background-repeat:no-repeat;
	background-position:right;
}
/* Metanavigation ------------------------------- */
#MetaNavi{
	margin:4px 0 0 0;
	padding:0;
	position:absolute;
	top:0;
	left:2px;
	width:137px;
	}
#MetaNavi ul{
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}
#MetaNavi ul li { 
	display: block;
	margin:0;
}

#MetaNavi li a:link, #MetaNavi li a:visited{
	display: block;
	margin:0;
	padding:0 8px;
	color: #003300;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
	white-space:pre;
}
#MetaNavi li a:hover,#MetaNavi li a:active{
	color:#631313;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
}
#nav a{
display:block;
padding:0;
color:#ccc;
text-decoration:none;
}
#nav a:hover{
color:#631313;
}
#nav li{
float:left;
position:relative;
}
#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}
#nav li ul a{
width:12em;
height:auto;
float:left;
}
#nav ul ul{
top:auto;
}	
#nav li ul ul {
left:12em;
margin:0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
#Menupunkt{
	margin: 0;
	padding:0;
	position:absolute;
	top:90px;
	left:30px;
	}

/* Content Angaben -------------------------------*/
#ContentStart{
	width:853px;
	height:260px;
	background-image:url(../img_all/BgContentStart.png);
	background-repeat:repeat-y;
	padding:0;
	margin:0 auto;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	position:relative;
}
#ContentStart h1{
	margin:0;
	padding:0px 0 10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#631313;
}
#Ticker{
	position:absolute; 
	bottom:4px; 
	left:2px; 
	text-align:center;
	width:120px;
	color:#fff;
	padding:0 8px;
	font-style:italic;
	font-size:11px;
}
#Content{
	width:853px;
	height:620px;
	background-image:url(../img_all/BgContent.png);
	background-repeat:repeat-y;
	padding:0;
	margin:0 auto;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	position:relative;
}
#Content h1{
	margin:0;
	padding:0px 0 3px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	color:#631313;
}
#Content a:link, #Content a:visited{
	color:#333;
	text-decoration:none;
}
#Content a:hover, #Content a:active{
	color:#631313;
	text-decoration:underline;
}
#InhaltStart{
	position:absolute; 
	top:15px; 
	left:152px; 
	z-index:10;
	text-align:left;
	width:450px;
	height:237px;
	padding:0;
	border:1px solid #ccc;
	background-image:url(../img_all/BgInhalt.png);
}
#InhaltStartContent{
	margin:5px 15px 15px 15px;
}
#ImgStart{
	position:absolute; 
	top:15px; 
	left:623px; 
	border:1px solid #ccc;
}
#InhaltGruss{
	position:absolute;
	top:228px;
	left:168px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#631313;
	z-index:500;
}
#InhaltCard{
	position:absolute;
	top:220px;
	left:530px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#631313;
	z-index:500;
}
#InhaltCard img{
	border:none;
}
#InhaltApp{
	position:absolute; 
	top:15px; 
	left:146px; 
	z-index:10;
	text-align:left;
	width:689px;
	padding:0;
	border:1px solid #999;
	height:596px;
	background-image:url(../../global/img_appartement/contentbild.jpg);
	background-repeat:no-repeat;
}
#InhaltAppContent{
	margin:15px;
	color:#333;
}
#InhaltAppContent strong{
	font-size:12px;
}
#InhaltAppContent td{
	vertical-align:top;
	font-size:11px;
	line-height:14px;
}
#InhaltAppContent ul{
	margin:0 0 0 15px;
	padding:0;
}
#InhaltAppContent li{
	margin:2px 0;
	padding:0;
}

#Inhalt{
	position:absolute; 
	top:15px; 
	left:146px; 
	z-index:10;
	text-align:left;
	width:689px;
	padding:0;
	border:1px solid #999;
	background-image:url(../img_all/BgInhalt.png);
	font-size:12px;
}
#InhaltContent{
	margin:15px;
	color:#333;
}
#InhaltContent ul{
	margin:0 0 0 15px;
	padding:0;
}
#InhaltContent li{
	margin:2px 0;
	padding:0;
}
#InhaltContent td{
	vertical-align:bottom;
	font-size:12px;
	line-height:14px;
}
#InhaltContent td a:link, #InhaltContent td a:visited, #InhaltContent td a:hover, #InhaltContent td a:active{
	font-weight:bold;
	color:#631313;
	text-decoration:underline;
}

/*Footer -------------------------------*/
#FooterStart{
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	width:853px;
	background-image:url(../img_all/BgFooterStart.png);
	background-repeat:no-repeat;
	color:#e6e6e6;
	font-size:11px;
	line-height:22px;
	height:39px;
}
#FooterStart .FooterRight{
	height:39px;
	margin:0;
	padding:6px 0 0 0;
}
#FooterStart .FooterRight td{
	vertical-align:top;
	padding-top:1px
}
#Footer{
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	width:853px;
	background-image:url(../img_all/BgFooter.png);
	background-repeat:no-repeat;
	color:#e6e6e6;
	font-size:11px;
	line-height:22px;
	height:39px;
}
#Footer .FooterRight{
	height:39px;
	margin:0;
	padding:6px 0 0 0;
}
#Footer .FooterRight td{
	vertical-align:top;
	padding-top:1px
}
#FooterNav{
	margin:4px 22px 0 3px;
	padding:0;
	float:left;
	width:137px;
	}
#FooterNav ul{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
#FooterNav ul li { 
	display: inline;
	font-size:10px;
	margin:0;
}

#FooterNav li a:link, #FooterNav li a:visited{
	margin:0;
	padding:0 2px 0 3px;
	color: #e6e6e6;
	text-decoration: none;
	font-size:10px;
	white-space:pre;
}
#FooterNav li a:hover,#FooterNav li a:active{
	color:#631313;
}
#FooterNav li a.active:link, #FooterNav li a.active:visited, #FooterNav li a.active:hover, #FooterNav li a.active:active{
	margin:0;
	padding:0 2px 0 4px;
	color: #631313;
	text-decoration: none;
	font-size:11px;
	white-space:pre;
}
