/* CSS Document */
/* allgemeine Angaben */
body{
	margin:0;
	padding:0;
	font-size:100.01%;
	background-color:#ccc;
color:#605f5f;

font-family:Verdana, Arial, Helvetica, sans-serif;
overflow-y:scroll;


}

html{
	margin:0;
	padding:0;


}


/* floaten aufheben */
br{

clear:both;}



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

} */
h1 , h2 , h3{
font-size:13px;
font-style:normal;
color:#605f5f;
}


ul li{

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


hr{

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

}




img#back {
position:absolute;
top:5.5em;
left:3em;
display:block;
width:35px;
height:20px; 

border:none;
}
img#backapp {
position:absolute;
top:5.2em;
left:2em;
display:block;
width:35px;
height:20px; 

border:none;
}


/*   ************   ID´s  *************   */


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

	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:63.5em;
	height:48em;

	padding:0;

}


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

}

#head{
	position:relative;
	top:0;
	
	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,div#head h2.slogan{
	position:absolute;
	width:20em;
	top:3.7em;
	left:58em;
	font-style: normal;
	color:#cccc33;
}




#content{
	background-color: #ffffcc;

background-image:url(../img/cchh4.gif);

	width:100%;
	float:left;
	
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	min-height:48em;
	height:auto;

color:#605f5f;
	
	font-size:12px;
	
}



#footer{
	width:100%;
	height:5%;
color:#605f5f;
	text-align:center;
	background-color: #ffffff;
	border-bottom: #666666 medium solid;

	border-top: #666666 medium solid;
	padding-top:1em; 
	font-size:12px;

}

#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  h6{
width:90%;
text-align:right;}

#bannerbild img ,#bannerbild_start {
border:#fff 3px solid;

}
#bannerbild_europa {

padding-top:1em;

	text-align:center;
	height:17.5em;
	width:55em;
	margin-top:4em;
	margin-right:auto;
	margin-left:auto;
	background-image:url(../img/fahen.jpg);
		border:#fff 3px solid;
	
}
#bannerbild_deutsch {

padding-top:1em;

	text-align:center;
	height:17.5em;
	width:55em;
	margin-top:4em;
	margin-right:auto;
	margin-left:auto;
	background-image:url(../img/dom.jpg);
	border:#fff 3px solid;
	
}
#head{
	margin:0;
	
	width:63.5em;
	color:#000000;
	/*font-family:Georgia, "Times New Roman", Times, serif; */
	text-align:left;

}
#bannerbild_start  {
	margin-top:1em;
	background-image:url(../img/tiergarten3.jpg);
	background-repeat:no-repeat;
	height:200px;
	margin-left: auto;
	margin-right: auto;

	width:720px;
	display: block;
}

#fahnen{
	background-color:#FFF;
	/*border:thin solid #993300; */
height:29%;
left:70%;
position:absolute;
top:33%;
width:20%;

}
#fahnen img{padding:0.5em;}

ul.appstr{
margin-left:-0.4em;
}
/*  **********************  Link am Footer ********************   */
#footlink{
width:63.5em;
display:block;
height:1.5em;
background-color:#ffffee;
color:#000;
border-top:#ccc solid thin;
padding-top:5px;
font-weight:400;


}

#footlink ul {
display:block;
width:63.5em;
background-color:#fffff6;
}
#footlink ul li  {
display:block;

width:230px;

}
#footlink ul li a{
font-size:12px;
color:#993300;
}


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

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

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

}

/*  Partnerlinks  partner.html */
	.partnerlink{
		width:65%;
		text-align:left;
		margin-left:13em;
		display:block;
	margin-right:auto;
	margin-left:auto;
	
	}
	h3.partnerlink {
		margin-bottom:1em;
		margin-top:1em;
	}
	h3.partnerlink , ul.partnerlink li{
		text-align:left;
	}
	ul.partnerlink li{
		
		display:block;
		
	}


/*  Ende Partnerlink  *********************************  */

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

}

.small{
	font-size:10.5px;
	color:#666666;

}

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

 padding:1em;

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

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

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


}
/* 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:left;
	display:block;
	width:71%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5em;
	font-size:12px;
	padding: 0.1em;
	padding-left: 1em;
	padding-right: 1em;

}
#content .indextxt h3  {font-weight:400;font-size:12px;}




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



/* **************  Pseudoklassen ******************** */


#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:#FFFF66;

}

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

text-decoration:none;



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

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


}


a:link{text-decoration:none;}



/* nicht sichtbare elemente */
.noview{

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

}


.float_r{
float:right;
margin-right:6em;
}
.float_l{
float:left;
margin-left:6em;
}

.clear{
clear:both;
}

* html{
text-align:center;
}
#offer{
	position:relative;
	top:0.5em;
	left:-12em;
}

#apppic img { border:#333 2px  solid; margin-left:20px; margin-top:10px;margin-bottom:10px;}
#logo{ position:relative; left:8em;margin-top:1em; float:right;}

#texte{padding:0em;}

#presse{ text-align:left; font-size:12px; width:75%; padding:0.5em; display:block; margin-right:auto;margin-left:auto;}

.logo-marg{margin-left:10em;margin-top:1.7em;}

.logo-marg2{margin-left:9em;margin-top:1.7em;}