/*
CSS-Stylesheet für: Hintergrund, Navigationsleisten, Abstände
*/

* {
margin: 0; 
padding: 0;
	}
body {
	background-image:       url("../images/intro/bg_intro.jpg"); 
	background-position: top center; 
	/*background-attachment:fixed;*/
	background-color: #ffffff;
	background-repeat: no-repeat; 
	z-index: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	/* StandardFont, Wenn ein spezifischer Font nicht ausgeführt wird, wird dieser genommen */	
	font-style: normal;
	color:#000000;							 
	}
/******** wrapper *******/
#wrapper { 
	width: 960px; 
	height:auto;
	margin-left: auto; 
	margin-right: auto; 
	/*border: 1px dotted green;*/
	z-index:2;
	}


/******** Content *******/
#intro { 	
	overflow: auto;
	/*background-image:  url("../images/berlin-kontur2.gif");			
	background-position: center right; 
	background-attachment: fixed; 
	background-repeat: no-repeat; */
	
	width: 960px;			
	margin-left:auto;		
	margin-right: auto;
	margin-top: 0px;	
	z-index: 2;
	
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	/* Bestimmt die Schriftart (den Font) */
	font-style: normal;
	font-size: 16px;				
	color: #000;          		
	line-height: 1.2;				
	/*border: 1px solid yellow;*/	
}

/*  globale  */
p.center {
	text-align:center
	}
p.right {
	text-align:right;
	}
.float_left {
	float:left;
	}
.float_right {
	float:right;
	}
.clear {
	clear:both;
	}	
.color_red {
	color: #a00005;
	}
.color_grey {
	color: #929292;
	}
.color_litegrey {
	color: #333333;
	}
.cursiv {
	font-style:italic;
	}
.klein {
	font-size:0.8em;
	}
.kklein {
	font-size:8px;
	line-height:0.8em;
	}
.groß {
	font-size:1.2em;
	}	
.bold {
	font-weight:bold;
	}	
.center {
	text-align:center;
	}

/*---------- intro ---------*/


#intro p {
	padding: 0px 0px 0px 0px;
}

#intro div.head_txt {
	float: left;
	}
	
#intro p.head_line {
	font-size: 26px;
	line-height:1.2em;
	font-weight: bold;
	color: #a00005;
	padding:22px 0px 0px 0px;
	/*border: 1px dotted green;*/
	text-align:left;
	z-index:30;
	}
#intro p.head_subline {
	font-size: 22px;
	line-height:normal;	
	font-weight: normal;
	color: #be8a10; /*#A00005;*/
	padding:6px 0px 0px 1px;
	/*border: 1px dotted red;*/
	text-align:left;
	z-index:30;
	}

	
#intro img.logo {
	float:right;
	padding-right:28px;
	padding-top:1px;
	}

#intro a {
	font-weight: normal;
	color: #000; /*#A00005;*/
	text-decoration: none;
	font-size: 12px;
	padding: 0;
	/*border: 1px solid blue;*/
}
#intro a:hover {
	color: #a00005;
}

#intro div.navi {
	width:189px;

	float:left;
	clear:left;	/* versetzt das berlin-image optisch in den Kopf weil die box für das Logo etwas größer ist */
	/*border:1px dotted blue;*/
	padding-left:2px;
	z-index: 1;
	}
#intro div.navi p.navi_el {
	padding-top:8px;
	padding-bottom:6px;

	border-bottom:1px solid #fff;
	}
#intro div.navi p.navi_el_top {
	padding-top:8px;
	margin-top:30px;
	}
#intro div.navi p.navi_el_last {
	border:none;
	}	

#intro div.navi p.navi_el a {
	font-size:17px;
	line-height:1.3em;
	color:#444444;
	text-decoration:none;
	}
#intro div.navi p.navi_el a:hover {
	color:#fff2a0;
	}
	
	

#intro div.berlin {
	width:auto;
	float:left;
	
	/*border:1px dotted red;*/
	padding-left:0px;
	}
	
#intro img.berlin {
	padding:0px;
	/*padding-left:66px;*/
	/*border: 1px solid yellow;*/
	margin-top:0px;
	margin-left:0px;
	z-index: 100;
	}
	
#intro div.alert {
	clear:right;
	padding:30px 0px 0px 21px;
	margin:0;	
	/*border:1px solid red;*/
	float:left;
	}	

#intro div.alert_rahmen {
	border-left:1px solid #fff; /*  #fff2a0; */
	border-right:1px solid #fff;	/*  #fff2a0; */	
	width:234px;
	padding:2px 12px 2px 12px;
	}

#intro p.pfeil_right {
	padding:0;
	text-align:right;

	}	

#intro p.pfeil_left {
	float:left;
	padding:0;
	text-align:left;
	}	



#intro p.alert_cont {
	background-image: url("../images/intro/trans_img.png");
	background-repeat:repeat;
	font-size:18px;
	text-align:left;
	color:#333;
	font-weight:normal;
	line-height:1.3em;
	padding:10px 12px 16px 12px;
	}

#intro h1 {
	font-size:22px;
	color:#fff;
	text-align:center;
	padding:0px 0px 6px 0px;;
	font-weight:normal;
	line-height:1.3em;
	}
	
/********  imprint / copy *******/

#intro div.imprint {
	text-align:left;
	width:auto;
	padding:4px 0px 12px 0px;
	cursor:pointer;
	}
#intro div.imprint p {
	font-weight: normal;
	color: #000; /*#A00005;*/
	text-decoration: none;
	font-size: 12px;
	padding: 0;
}



/**** styles für die Layer ***/
p.layer_subtitle {
	font-size:14px;
	font-weight:bold;
	color:#929292;
	padding:4px 0 4px 0;
	}
p.layer_subtitle_2 {
	font-size:15px;
	font-weight:bold;
	color:#a00005;
	padding:0px 0 4px 0;
	}
p.line {
	clear:right;
	padding: 0px 20px 10px 20px;
	border-bottom: 1px solid #a00005;
	margin-bottom:8px;
	}
p.hotellink {
	font-size:18px;
	text-align:right;
	padding:10px 26px 4px 0;
	}
p.hotellink a {
    color:#a00005;
	text-decoration:none;
	}
p.hotellink a:hover {
    color:#d77d00;
	}	
p.hotellink img {
    border:none;
	padding-left:8px;
	}	
p.close {
	color: #a00005;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
	padding: 0px 10px 1px 0px;
	border: 1px solid green;
	margin: 8px 0px 0px 0px;
	clear:right;
	}
p.left{
	text-align:left;
	}
p.lh_big {
	line-height:1.4em;
	}

/*--------- kudamm ------------*/	
#layerkudamm {
	position:absolute; 
	left:auto;
	right:auto;
	top:70px; 			
	z-index:1000; 
	background-color: #FFFFFF; 
	color:#000000;
	font-size:16px;
	line-height: 1.2em;
	border: 1px solid #a00005; 	
	width:500px; height:auto; 
	padding:10px 20px 10px 20px;
	visibility: hidden;
	margin-left:120px;
	}
	
#layerkudamm h1 {
	font-size: 24px;
	font-weight:normal;
	line-height: 1.4em;
	color: #000;
	padding:10px 10px 10px 0px;
	}
	
/*--------- Airport ------------*/	
#layerairport {
	position:absolute; 
	left:auto;
	right:auto;
	top:70px; 			
	z-index:1000; 
	background-color: #FFFFFF; 
	color:#000000;
	font-size:16px;
	line-height: 1.2em;
	border: 1px solid #a00005; 	
	width:500px; height:auto; 
	padding:10px 20px 10px 20px;
	visibility: hidden;
	margin-left:120px;
	}
	
#layerairport h1 {
	font-size: 24px;
	font-weight:normal;
	line-height: 1.4em;
	color: #000;
	padding:10px 10px 10px 0px;
	}	

/*--------- Kleinmachnow ------------*/	
#layermachnow {
	position:absolute; 
	left:auto;
	right:auto;
	top:170px; 			
	z-index:1000; 
	background-color: #FFFFFF; 
	color:#000000;
	font-size:16px;
	line-height: 1.2em;
	border: 1px solid #a00005; 	
	width:500px; height:auto; 
	padding:10px 20px 10px 20px;
	visibility: hidden;
	margin-left:120px;
	}
	
#layermachnow h1 {
	font-size: 24px;
	font-weight:normal;
	line-height: 1.4em;
	color: #000;
	padding:10px 10px 10px 0px;
	}


/*  ------------- Großbeeren ----------*/	
#layerbeeren {
	position:absolute; 
	left:auto;
	right:auto; 
	top:170px;			
	z-index:1001; 
	background-color: #FFFFFF; 
	color:#000000;
	font-size:16px;
	line-height: 1.2em;
	border: 1px solid #a00005; 	
	width:500px; height:auto; 
	padding:10px 20px 10px 20px;
	visibility: hidden;
	margin-left:120px;	
	}
	
#layerbeeren h1 {
	font-size: 24px;
	font-weight:normal;
	line-height: 1.4em;
	color: #000;
	padding:10px 10px 10px 0px;
	text-align:left;
	}

	
/*  ------------- Layer Imprint ----------*/	
#layerimprint {
	position:absolute; 
	left:auto;
	right:auto; 
	top:110px;			
	z-index:1001; 
	background-color: #FFFFFF; 
	color:#000000;
	font-size:16px;
	line-height: 1.2em;
	border: 1px solid #a00005; 	
	width:500px; height:auto; 
	padding:10px 20px 10px 20px;
	visibility: hidden;
	margin-left:120px;	
	}
	
#layerimprint h1 {
	font-size: 24px;
	font-weight:normal;
	line-height: 1.4em;
	color: #000;
	padding:10px 10px 10px 0px;
	text-align:left;
	}