/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
.antifloat {
	clear: both;
	visibility: hidden;
}
/* Wrapper ....................................................................................................................................................................
*/
#wrapper {
	margin: auto;
	width: 790px;
	background-color: #FFFFFF;
	padding: 0;
}
#wrapper #header {
	background-image: url(pics/banner.jpg);
	background-repeat: no-repeat;
	width: 790px;
	height: 220px;
}
#wrapper #middle {
	margin: 15px 0 15px 0;
	padding: 0;
	background-color: #C5D2E3;
	width: 790px;
	background-image:url(pics/middle_hint.gif);
	background-repeat: no-repeat;
} 
/* Navibereich ....................................................................................................................................................................
*/
#wrapper #middle #mainnavi {
	width: 180px;
	font-weight: bold;
	font-size: 100%;
	float: right;
	padding: 0;
	margin: 0;
}
#wrapper #middle #textarea {
	margin: 0 40px 0 25px;
	padding: 0;
	width: 500px;
	color: #333333;
	float: right;
	background-color: #C5D2E3;
}
* html #wrapper #middle #textarea {
	margin: 0 20px 0 25px;
}
#wrapper #middle #metanavi {
	width: 790px;
	height: 30px;
	background-image: url(pics/metanavi_hint.gif);
	background-repeat: no-repeat;
	border-bottom: 3px solid #FFFFFF;
	margin: 0 0 20px 0;
	font-size: 87%;
}
#wrapper #middle #metanavi a, #wrapper #middle #metanavi a:link, #wrapper #middle #metanavi a:visited {
	color: #FFFFFF;
	display: block;
	float:left;
	padding: 8px 10px 8px 20px;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	background-image: url(pics/link_hint.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#wrapper #middle #metanavi a:hover, #wrapper #middle #metanavi a.aktiv {
	color: #666666;
}
#wrapper #middle #metanavi #pfad {
	display: block;
	float:left;
	margin: 8px 23px 8px 128px;
	font-weight: bold;
	color: #666666;
}
* html #wrapper #middle #metanavi #pfad {
	margin: 8px 23px 8px 64px;
}
#wrapper #middle #mainnavi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#wrapper #middle #mainnavi .block {
	margin: 0 0 20px 0;
	background-color: #EBEEF3;
}
#wrapper #middle #mainnavi .block h1, #wrapper #middle #mainnavi #navi h1 {
	display: block;
	font-size: 100%;
	font-weight: bold;
	padding: 6px 15px 0 15px;
	background-color: #C5D2E3;
	margin: 0;
	color: #FFFFFF;
	height: 22px;
	background-image:url(pics/h1_teaser.gif);
	background-repeat:no-repeat;
}
#wrapper #middle #mainnavi .block b, #wrapper #middle #mainnavi #navi b {
	display: block;
	font-size: 100%;
	font-weight: bold;
	padding: 6px 15px 0 15px;
	background-color: #C5D2E3;
	margin: 0;
	color: #FFFFFF;
	height: 22px;
	background-image:url(pics/span_teaser.gif);
	background-repeat:no-repeat;
}
#wrapper #middle #mainnavi .block span {
	padding: 10px 9px 0 9px;
	display: block;
}
#wrapper #middle #mainnavi #navi {
	margin: 0 0 20px 0;
	background-color: #C5D2E3;
	font-size: 87%;
}
#wrapper #middle #mainnavi #navi #liste, #wrapper #middle #mainnavi #navi #liste2 {
	background-color: #C5D2E3;
	margin: 4px 0 0 0;
}
#wrapper #middle #mainnavi #navi #liste li, #wrapper #middle #mainnavi #navi #liste2 li {
	list-style-type: none;
	margin: 0;
	background-color: #C5D2E3;
}
#wrapper #middle #mainnavi #navi #liste li a, #wrapper #middle #mainnavi #navi #liste li a:link, #wrapper #middle #mainnavi #navi #liste li a:visited {
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 6px 0px 6px 25px;
	margin: 0;
	background-image: url(pics/plus.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border-bottom: 1px dashed #FFFFFF;
}
#wrapper #middle #mainnavi #navi #liste2 li a, #wrapper #middle #mainnavi #navi #liste2 li a:link, #wrapper #middle #mainnavi #navi #liste2 li a:visited {
	display: block;
	padding: 3px 0px 3px 45px;
	margin: 0;
	background-image: url(pics/plus_orange.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #777777;
	text-decoration: none;
	border-bottom: 0;
	background-position: 20px 50%;
}
#wrapper #middle #mainnavi #navi #liste li a:hover, #wrapper #middle #mainnavi #navi #liste li a.aktiv,#wrapper #middle #mainnavi #navi #liste2 li a:hover, #wrapper #middle #mainnavi #navi #liste2 li a.aktiv {
	color: #FFFFFF;
}
/*Navibereich Ende .......................................................................................................................................................
*/
/*Inhaltsbereich .........................................................................................................................................................
*/
#wrapper #middle #textarea h1, #wrapper #middle #textarea h2 {
	padding: 3px 0 3px 0;
	display: block;
}
#wrapper #middle #textarea h1 {
	font-size: 110%;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 6px 0 0 100px;
	height: 28px;
	background-image: url(pics/h1_hint.gif);
	background-repeat: no-repeat;
}
#wrapper #middle #textarea h2 {
	font-size: 110%;
	color: #444444;
	margin: 20px 0 10px 0;
	padding: 6px 0 0 100px;
	height: 28px;
	background-image: url(pics/h2_hint.gif);
	background-repeat: no-repeat;
}
#wrapper #middle #textarea h3 {
	font-size: 87%;
	color: #444444;
	margin: 10px 0 10px 0;
	padding: 7px 0 0 100px;
	height: 28px;
	background-image: url(pics/h3_hint.gif);
	background-repeat: no-repeat;
}
#wrapper #middle #textarea h4 {
	font-size: 87%;
	color: #444444;
	margin: 10px 0 10px 0;
	padding: 6px 0 0 100px;
	height: 28px;
	background-image: url(pics/h4_hint.gif);
	background-repeat: no-repeat;
}
#wrapper #middle #textarea h5 {
	font-size: 87%;
	color: #444444;
	margin: 12px 0 10px 0;
	padding: 6px 0 0 15px;
	height: 28px;
	background-image: url(pics/h5_hint.gif);
	background-repeat: no-repeat;
}
#wrapper #middle #textarea .box {
	display: block;
	background-color: #EBEEF3;
	background-image: url(pics/kamera.gif);
	background-repeat: no-repeat;
	background-position: 385px 28px;
}
#wrapper #middle #textarea .box p {
	display: block;
	margin: 6px 15px 6px 15px;
}
#wrapper #middle #textarea .box p a, #wrapper #middle #textarea .box p a:link, #wrapper #middle #textarea .box p a:visited {
	display: block;
	float: left;
	font-size: 100%;
	margin: 0;
	padding: 5px 20px 5px 18px;
	text-decoration: none;
	color: #666666;
	background-image: url(pics/box_link_hint.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#wrapper #middle #textarea .box p a:hover {
	color: #FDB94E;
}
#wrapper #middle #textarea .box h6 {
	font-size: 87%;
	color: #FDB94E;
	margin: 0;
	padding: 40px 0 0 15px;
	height: 28px;
	background-image: url(pics/h6_box.gif);
	background-repeat: no-repeat;
}
#wrapper #middle #textarea .box b {
	display: block;
	margin: 0;
	padding: 0;
	height: 28px;
	background-image: url(pics/b_box.gif);
	background-repeat: no-repeat;
}
#wrapper #middle #textarea ul li {
	color: #5781AE;
	line-height: 120%;
	margin: 5px 0 0 0;
	font-weight: bold;
	font-size: 87%;
}
#wrapper #middle #textarea p {
	line-height: 130%;
	margin: 10px 0 20px 0;
	font-size: 87%;
	font-weight: bold;
	color: #666666;
}
/* Bilder die entweder links oder rechts floaten .............................................................................................................................
*/
#wrapper #middle #textarea .links {
	float: left;
	border: 1px solid #FFFFFF;
	margin: 0 20px 10px 0;
}
#wrapper #middle #textarea .rechts {
	float: right;
	border: 1px solid #FFFFFF;
	margin: 0 0 10px 20px;
}
/* Bilder Ende ...............................................................................................................................................................
*/
#wrapper #middle #textarea .table a, #wrapper #middle #textarea .table a:link, #wrapper #middle #textarea .table a:visited {
	display: block;
	padding: 6px 7px 6px 7px;
	background-color: #97B1D0;
	border: 1px solid #FFFFFF;
	margin: 0 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	width: 150px;
	font-weight: bold;
	font-size:89%;
}
#wrapper #middle #textarea .table a:hover {
	background-color: #5781AE;
}
/*Links die nach draussen oder nach drinne zeigen.............................................................................................................................
*/
#wrapper #middle #textarea a, #wrapper #middle #textarea a:link, #wrapper #middle #textarea a:visited {
	font-weight: bold;
	color: #333333;
	font-size: 100%;
}
#wrapper #middle #textarea a:hover {
	color: #666666;
}
/*Links Endre ................................................................................................................................................................
*/
#wrapper #middle #textarea .linkzelle {
	padding: 10px;
	border: 1px solid #5781AE;
	margin: 0px 0px 7px 0px;
	font-weight: bold;
	color: #666666;
	height: 16px;
}
#wrapper #middle #textarea .linkzelle .kat {
	display: block;
	float: left;
	width: 130px;
}
#wrapper #middle #textarea .linkzelle a, #wrapper #middle #textarea .linkzelle a:link, #wrapper #middle #textarea .linkzelle a:visited {
	text-decoration: none;
	padding: 2px 7px 2px 7px;
	margin: 0px 1px 0px 2px;
	background-color: #E57F7F;
	color: #FFFFFF;
}
#wrapper #middle #textarea .linkzelle a:hover {
	background-color: #CC0000;
}
#wrapper #middle #textarea .banners {
	width:478px;
	padding:10px;
	border: 1px solid #5781AE;
	margin: 0 0 10px 0;
}
#wrapper #middle #textarea .code {
	width: 435px;
	padding: 15px;
}
/*Inhaltsbereich Ende .......................................................................................................................................................
*/
/*Footer .......................................................................................................................................................
*/
#wrapper #footer {
	background-color: #C5D2E3;
	padding: 77px 10px 8px 15px;
	width: 765px;
	height: 15px;
	background-image:url(pics/footer_hint.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	font-size: 87%;
	text-align: center;
}
#wrapper #footer a, #wrapper #footer a:link, #wrapper #footer a:visited {
	color: #666666;;
	text-decoration: none;
}
#wrapper #footer a:hover {
	color: #444444;
}
#wrapper #middle #textarea #sydney {
	padding: 9px 20px 120px 20px;
	text-decoration: none;
	background-color: #F0F0F0;
	margin: 0 0 15px 0;
	background-image:url(pics/youth_day.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	color: #666666;
	line-height: 120%;
	border: 1px solid #999999;
}

#wrapper #middle #textarea #sydney h6 {
	font-size: 100%;
	font-family:"Courier New", Courier, mono;
	font-weight: normal;
	color:#660033;
	padding: 0;
	margin: 20px 0 0 0;
}
#wrapper #middle #textarea #sydney a {
	color:#660033;
}
#wrapper #middle #textarea #sydney a:hover {
	color:#336633;
}