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

}

html{
	margin:0;
	padding:0;


}
.clear{clear:both;}

/* 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: #636B7D;
	font-weight:600;
}


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:5em;
left:2em;
display:block;
width:80px;
height:18px; 

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{
background-image:url(../img/header.jpg);
	position:relative;
	top:0;
	
	padding-top:0;
	width:100%;
	height:20%;
	margin:0;
	color:#000000;
	
	text-align:left;

	background-color: #FFFFFF;
}

div#head img{

float:left;
}
div#head h1.slogan,div#head h2.slogan{
	position:absolute;
	width:20em;
	top:6em;
	left:54em;
	font-style: normal;
	color:#cccc33;
}




#content{
	background-color: #ffffff;
	width:100%;
	float:left;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	
	height:auto;

	color:#333333;
	font-size:12px;
	min-height:48em;
}



#footer{
	width:100%;
	height:5%;
	color:#000000;
	text-align:center;
	background-color: #ffffff;


	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;
	width:20%;
	height:29%;
	position:absolute;
	top:24%;
	left:75%;

}
#fahnen img{padding:0.5em;}

ul.appstr{
margin-left:-0.4em;
}
/*  **********************  Link am Footer ********************   */
#footlink{
width:100%;
display:block;
height:1.5em;
background-color:#F0EFEF;
color:#000;

padding-top:5px;
font-weight:400;
font-size:12px;


}

#footlink ul {
display:block;
width:100%;
background-color:#fffff6;
}
#footlink ul li  {
display:block;

width:220px;


}
#footlink ul li a{

color:#284076;
text-decoration:underline;
}

#footlink ul li a:hover{

color:#993300;
text-decoration:underline;
}


/*  ***************   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:#284076;

}

.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:-2em;

}
#untere-navi ul li{
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;
}
/* ******************************  */

.indextxt{
	text-align:left;
	display:block;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5em;
	font-size:12px;
	padding: 0em;
	padding-left: 1em;
	padding-right: 1em;
	color:#636B7D;
	min-height:50em;
	height:57em;

}





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

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

}

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

text-decoration:underline;
color:#993300; 


}

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

text-decoration:none;
color:#993300; 


}
#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:7em;

}
.float_l{
float:left;
margin-left:7em;
}
.float_l1{
float:left;
margin-right:10em;
}
.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:0.8em;}

#obere-navi{  text-align:right; display:block; float:right; margin-right:6.7em; margin-top:1em;font-size:10px; font-weight:400;}
#obere-navi ul {list-style:none; width:600px; display:inline;}

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