/* CSS Document */
/* allgemeine Angaben */
body{
	margin:0;
	padding:0;
	font-size:100.01%;
	background-color:#999999;
	
	color: #fffff6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	

}

html{
	margin:0;
	padding:0;


}



img#back {
position:absolute;
top:5em;
left:2em;
display:block;
width:80px;
height:18px; 

border:none;
}

/*
.iframe-anfahrt{
width:36em;
height:21em;
border:double 1em #999999;  

} */
h1 , h2 , h3{
font-size:medium;
font-style:normal;
color:#333333;
}

#content h1{
margin-top:0.3em;
}
*{margin: 0; padding: 0;}

ul li{

list-style:none;
margin-bottom:0.4em;

}
.test{

background-color:#669999}
#main{
margin-right:auto;
margin-left:auto;
text-align:center;
width:62.5em;
height:48em;


padding:0;


}



#head ,#footer{
	background-color: #fffff6;

}

#head{
	position:relative;
	top:0;
	left:-1px;
	padding-top:0;
	width:100%;
	height:15%;
	margin:0;
	color:#000000;
	
	text-align:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-color: #FFFFFF;
}

div#head img{

float:left;
}
div#head h1.slogan{
	position:absolute;
	width:20em;
	top:5em;
	left:41em;
	font-style: normal;
	color:#cccc33;
	z-index:15;
}




 .text{
 display:block;
 width:70%;
 margin-left:1em;
 color:red;

 padding:1em;

}
#content{
	background-color: #ffffcc;
	width:63.5em;
	float:left;
	
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	height:40em;

	color:#333333;
	font-size:medium;
	
}

/* floaten aufheben */
br{

clear:both;}

#footer{
	width:63.5em;
	height:5%;
	color:#000000;
	text-align:center;
	background-color: #ffffff;
	border-bottom: #666666 medium solid;
padding-top:0.5em;
	border-top: #666666 medium solid;

}

#content img{
	 
	margin-left:auto;
	margin-right:auto;





}

#bannerbild_start, #bannerbild  {

padding-top:1em;

	text-align:center;
	height:17.5em;
	width:46em;
	margin-right:auto;
	margin-left:auto;
	
}
#bannerbild_start , #bannerbild img{
border:#999999 thin solid;

}
#bannerbild_start  {
margin-top:1em;
background-image:url(../img/tiergarten3.jpg);
background-repeat:no-repeat;
width:720px;
height:245px;
	
}
#bannerbild_start  h6{
width:90%;
text-align:right;}

#head{
	margin:0;
	
	width:63.5em;
	color:#000000;
	/*font-family:Georgia, "Times New Roman", Times, serif; */
	text-align:left;

}

.small{
	font-size:smaller;
	color:#666666;

}


hr{

width:75%; 
text-align:center; 
margin:0.5em auto 0.5em auto;

}
/* nicht sichtbare elemente */
.noview{

	display:none;
	text-indent:-999px;

}

/* apartmentbeschreibung  =  übersichtsseite */
 .appvor{
	display:block;
	width:70%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	border-bottom:#cccccc dotted thin ;
	margin-bottom:1.5em;
	margin-top:1.5em;
}
ul.appstr {
margin-left:-0.4em;
}

.bild , .beschreibungtxt{
	margin-bottom:1em;
	margin-top:1em;
}

.beschreibungtxt{
	width:68%;
	float:left;
	text-align:left;

}
.small{
	font-size:smaller;
}
.small a:link, .small a:visited, .small a:active{
text-decoration:none;
color:#999999;

}


/* kleine vorschaubilder app */
.bild{
	width:25%;
	display:block;
	float:right;


}
.noborder{
border:none;

}
div.bild img  {
border:silver thin solid !important;
}
/* ******************************  */
/*h1.indextxt{
margin-left:0.5em;
width:72.5%;

}  */
.indextxt{
text-align:justify;

display:block;
width:71%;
margin-left:auto;
margin-right:auto;
margin-bottom:0.5em;
font-size:14px;


}

/* Pseudoklasse verweise */
#content#navi ul li a:link , a:link{
padding-bottom:0.2em;
text-decoration:none;
color:#666666;
}

#content a:link{
color:#993300 ;text-decoration:none; }

#content #navi ul li a:visited , a:visited{
text-decoration:none;
color:#CC3300;
}
#content #navi ul li a:hover ,a:hover{

text-decoration:none;
color:#000000;

background-color:#FFCC33;

}


#content #navi ul li a:focus , a:focus{

text-decoration:none;
color:#000000;
background-color:#FFCC33;


}
#untere-navi{
padding-top:1em;

}
#untere-navi ul {
margin-left:-2em;

}
#untere-navi ul li{
float:left;
list-style-image:url(../img/star.gif);
list-style-position:inside;
width:auto;


}

/*  noch nicht bearbeitete links */
.deaktiviert{color:#FFFFFF;
font-size:small;
font-weight:100;
}

/* hintergrundfarbe durch  hover u focus bei vorschaulinks verhindern */
#content #vorschau a:focus   , #vorschau  a:hover {

text-decoration:none;

background-color:#FFFFCC;


}


#fahnen{
	background-color:#FFF;
	border:thin solid #993300;
	width:20%;
	height:29%;
	position:absolute;
	top:20%;
	left:79%;
}
#fahnen img{padding:0.5em;}