/* *** css by chris Kubisch www.photo-synthese.de *** */

body {
	height:100%; 
	font-size: 12px; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color:#564b47; line-height:135%;
	padding:0; margin:0;
	background:url(/media/img/BG_Body.gif); background-repeat:repeat; background-position:center bottom; background-attachment:fixed;
	background-color: #eceef0;
	}

a { color:#564b47; text-decoration:none; }
a:visited { color:#564b47; text-decoration:none; }
a:hover { color:#564b47; text-decoration:none; border-bottom:1px dotted #00acc4; }
a:active { color:#00acc4; text-decoration:none; border-bottom:1px dotted #00acc4; }

a.mehr { color:#00acc4; }

h1 {
	font-size:14px; font-weight:bold; color:#00acc4; letter-spacing:1px; line-height:150%;
	padding:0 20px 0 0; margin:10px 0 12px 0;
	border-bottom:1px dotted #00acc4;
	}
h2 {
	font-size:11px; font-weight:bold; /*color:#00acc4;*/ letter-spacing:0px; font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0; margin:0 10px 3px 0;
	border-top:1px dotted #00acc4;
	}
	h2.unten { border-top:0; border-bottom:1px dotted #00acc4; }
	h2.mehr { margin:15px 10px 3px 0; }
h3 {
	font-size:10px; font-weight:normal; line-height:120%;
	padding:0; margin:0 10px 0 0;
	}
	h3.date { text-align:right; }
	h3.block { text-align:justify; }
h4 {
	font-size:11px; font-weight:normal; 
	padding:0; margin:0 20px 10px 0;
	}

/* ----------container zentriert das layout-------------- */
#container {
	width: 950px;
	margin:0 auto;
	}

/* ----------banner for logo-------------- */
#bannerBox {
	width:789px; height:120px; 
	padding:0px; margin:0 0 0 151px;
	background:url(/media/img/BG_bannerBox.gif) bottom left no-repeat;
	}
	#bannerLogo {
		width:200px; height:90px;
		padding:0; 
		margin:20px 0 0 10px;
		float:left;
		}
		#bannerLogo a {
			text-decoration:none; border:0;
			}
	#bannerSprache {
		width:85px; height:24px;
		text-align:center;
		padding:0;
		margin:95px 36px 0 0;
		background:url(/media/img/BG_bannerBox_Navi.gif) bottom left repeat-x;
		background-color:#f7f9fb;
		border-top:1px solid #b4b9be; border-right:1px solid #b4b9be; border-left:1px solid #b4b9be;
		float:right;
		}
		#bannerSprache img {
			margin-top:3px;
			}
		#bannerSprache a {
			text-decoration:none; border:0;
			}

/* ----------------- left - Navi --------------------- */
#leftBox {
	width:163px; height:460px;
	padding:0; margin:0;
	background:url(/media/img/BG_leftBox.gif) top right no-repeat;
	float:left;
	}
	#leftBox_Navi {
		width:162px;
		font-size:12px;
		margin:45px 0 0 0px; padding:0; 
		text-align:right;
		background:url(/media/img/BG_leftBox_Navi.gif) top right repeat-y;
		background-color:#f7f9fb;
		border:0px; border-top:1px solid #b4b9be; border-bottom:1px solid #b4b9be; border-left:1px solid #b4b9be;
		}
		#leftBox_Navi ul {
			list-style-type:none;
			font-weight:bold; letter-spacing:1px; line-height:120%; text-transform:uppercase;
			margin:20px 15px 15px 0;
			padding:0px;
			}
			#leftBox_Navi li {
				margin:0 0 15px 0;
				padding:5px 5px 0 0;
				border-top:1px dotted #3399ff; border-right:1px dotted #3399ff;
				}
				#leftBox_Navi li.menu-current a {
					color:#00acc4;
					}
				#leftBox_Navi li.menu-parent a {
					color:#00acc4;
					}


			#leftBox_Navi li ul {
				list-style-type:none;
				font-size:11px; font-weight:normal; letter-spacing:1px; color:#969a9e; text-transform:none;
				margin:0; padding:0;
				text-align:right;
				}
				#leftBox_Navi li li {
					margin:4px 0 0 0; padding:0;
					border:0;
					}
					#leftBox_Navi li.menu-current li a {
						color:#969a9e;
						}
					#leftBox_Navi li.menu-parent li.menu-sibling a {
						color:#969a9e;
						}
					#leftBox_Navi li.menu-parent li.menu-current a {
						color:#000000;
						}
					

/* ----------------- Inhalt - Foto und Text --------------------- */
#contentBox {
	width:777px; height:460px;
	margin:0 0 0 163px; padding:0;
	background:url(/media/img/BG_contentBox.gif) top right no-repeat;
	background-color:#ffffff;
	}
/*	div#contentBox { 
			min-height:460px;
			height:expression(this.scrollHeight > 460 ? "auto":"460px"); 
			} */
	#contentFoto {
		width:460px; height:460px;
		padding:0; margin:0;
		border-right:1px solid #b4b9be;
		float:left;
		}
	#flashcontent {
		width:460px; height:460px;
		padding:0; margin:0;
		border-right:1px solid #b4b9be;
		float:left;
		}
		#flashcontent.anders {
			width:480px; height:415px;
			padding:45px 0 0 0; margin:0;
			background-color:#000000;
			border-right:1px solid #b4b9be;
			float:left;
			}
		#flashcontent p {
			padding:0; margin:0;
			}
	#contentText {
		width:275px; height:433px;
		margin:12px 13px 0 0; padding:0;
		border:0;
		float:right;
		overflow:auto;
		}
		#contentText.anders {
			width:255px;
			}
		#contentText p {
			margin:0 25px 10px 0;
			text-align:justify;
			}
		#contentText p.kleiner { margin: 0 25px 7px 0; }

/* ---------- footer -------------- */
#footerBox {
	width:789px; height:30px; 
	padding:0; margin:0; margin-left:151px;
	background:url(/media/img/BG_footerBox.gif) top left no-repeat;
	clear:both;
	}
	#footerSprache {
		height:24px;
		text-align:center;
		padding:0px;
		margin:0px; margin-right:37px;
		float:right;
		}
		#footerSprache div {
			font-size:10px; font-weight:bold; color:#969a9e;
			padding:0px;
			margin:0px; margin-top:7px;
			}
			#footerSprache div a {
				color:#969a9e;
				}
				#footerSprache div a.current {
					color:#564b47;
					}
	#footerStroer {
		height:24px;
		text-align:left;
		padding:0px;
		margin:0px; margin-left:10px;
		float:left;
		}
		#footerStroer div {
			font-size:10px; font-weight:bold; color:#0a214d;
			padding:0px;
			margin:0px; margin-top:7px;
			}
			#footerStroer div a {
				color:#f85802;
				}
