* {margin: 0;padding: 0;}
	
	body, html {
	    background: url("../images/bg.jpg");
		background-attachment:fixed; 
	}	
	
	#container {
		width: 960px;    /* feste Seitenbreite */
		height: auto; /*1200px;  /* feste Seitenhöhe */ 
		margin: auto;	 /* Seite zentrieren */
		padding:0 0 0px 0; /* wg. footer */
		text-align: left;
		background: #f7f7f7; /* Seitenhintergrund */
		/*border-left: 1px solid darkred;
		border-right: 1px solid darkred;*/
		border: 0px solid silver;
		-webkit-box-shadow: 0px 0px 5px rgba(100,100,100,0.7);
		-moz-box-shadow: 0px 0px 5px rgba(100,100,100,0.7);
		box-shadow: 0px 0px 5px rgba(100,100,100,0.7);
		position: relative;
		top:0px;		/*oberer Seitenrand */
	}
	#header {
		height:200px;	/* ggf. anpassen */
		border: 0px dotted red;
		border-top: 0px solid darkred;
		background: url("../images/AoP-head.jpg") center center no-repeat;
		overflow:hidden;
		border-bottom: 2px solid darkred;
		//position:relative;
	}
	#logo {
		position: relative;
		top:0px;
		left:0px;
		height: 100%;
		border: 0px dotted green;
		float:left;
		background: url("") top left no-repeat;
	}
	#layer {
		position:relative;
		top:85px;
		right:160px;
		/*width: 100%;
		height: 100%;*/
		border: 0px dotted green;
		float:right;
		background: url("") top left no-repeat;
	}

	#menu-main {
		width: 100%;
		height: 29px;
		margin: 1px 0 1px 0;
		background: url("../images/bg_menu-main.jpg") top left repeat-x;
		border-bottom: 2px solid darkred;
	}

	#content {
		position:relative;
		width: 100%;
		min-height:600px;
		/*border: 1px dotted yellow;*/
	}
	#col-right {
		position: absolute;
		left: 75%;
		width: 25%;
		height: auto; /*78%;*/
		/*border: 1px dotted cyan;*/
		/*border-left: 1px solid black;*/
		/*float:right;*/
	}
	#col-left {
		position: absolute;
		left: 0;
		width: 25%;
		height: auto; /*78%;*/
		/*border: 1px dotted cyan;*/
		/*border-right: 1px solid black;*/
		/*float:right;*/
	}
	#col-left-33 {
		position: absolute;
		left: 0;
		width: 35%;
		height: auto; /*78%;*/
		/*border: 1px dotted cyan;*/
		/*border-right: 1px solid black;*/
		/*float:right;*/
	}
	#col-middle {
		position: absolute;
		left: 25%;
		width: 50%;
		height: auto; /*78%;*/
		/*border: 1px dotted cyan;*/
		/*border-right: 1px solid black;*/
		/*float:right;*/
	}
	#footer {
		position: relative;
		width: 100%;
		height: 140px;
		border: 0px dotted red;
		border-top: 1px solid lightgrey;
		background: #a7db93;
	}
	#footer_headline {
		color:black;
		font-weight:bold;
		vertical-align:top;
		font-size:12pt;
	}
	#footer-content {
		position: absolute;
		top: 20px;
		left: 60px;
		width: auto;
		height: auto;
		border: 0px dotted green;
		font-size:10pt;
		color: black;
	}
	#footer-totop {
		position: absolute;
		top: 8px;
		left: 80%;
		width: aoto;
		height: auto;
		/*border: 1px dotted green;*/
		font-size:10pt;
	}
	.p-full {
		position:relative;
		left:25%;
		/*border:1px dotted black;*/
		border-left: 1px dotted lightgrey;
		border-right: 1px dotted lightgrey;
		width:50%; /* !!!!  100% ./. col-right */
	}
	.p-full-100 {
		position:relative;
		left:0%;
		/*border:1px dotted black;*/
		border-left: 0px dotted lightgrey;
		border-right: 0px dotted lightgrey;
		width:100%; /* !!!!  100% ./. col-right */
	}
	.p-left-75 {
		position:absolute;
		left:25%;
		/*float:left;*/
		/*border:1px dotted black;*/
		width:75%;
		border:1px dotted lightgrey;
	}
	.p-left-33 {
		position:absolute;
		left:33%;
		/*float:left;
		border:1px dotted black;*/
		width:33%;
	}
	.p-left-37  {
		position:absolute;
		left:37.5%;
		/*float:left;*/
		/*border:1px dotted black;*/
		width:37.4%;
	}
	.p-right-37 {
		left:37%;
		/*float:right;*/
		/*border:1px dotted black;*/
		width:37.5%;
	}
	.p-right-75 {
		position:relative;
		left:25%;
		/*border:1px dotted black;*/
		border-left:0px dotted lightgrey;
		width:74%;
	}
	.p-right-66 {
		position:relative;
		left:35%;
		/*border:1px dotted black;*/
		border-left:1px dotted lightgrey;
		width:64%;
	}
	.p-middle-33 {
		float:left;
		/*border:1px dotted black;*/
		width:33%;
	}
	.p-middle-37 {
		float:left;
		/*border:1px dotted black;*/
		border-left: 1px dotted lightgrey;
		width:37.5%;
	}
	.p-col-right {
		/*border:1px dotted orange;*/
	}
	
	.pic-right {
		float:right;
		margin-bottom:0px;
		/*border:1px dotted black;*/
		padding: 0 20px 0 20px;
	}
	.pic-left {
		float:left;
		margin-bottom:0px;
		/*border:1px dotted black;*/
		padding: 0 20px 0 20px;
	}
	.pic-description {
		font-size:8pt;
		padding:5px 0 0px 0;
	}
	img {
		border:0 none;
	}
	img.pic-text {
		border:1px solid black;
	}
	.border-gray {
		border:1px solid gray;
	}
	
	.opaque50 {
		opacity: .5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
		filter: alpha(opacity=50);					// second!
	}
	.opaque70  {
		opacity: .7;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; // first!
		filter: alpha(opacity=70);					// second!
	}
	.opaque10 {
		opacity: .1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; // first!
		filter: alpha(opacity=10);					// second!
	}
	h1, h2, h3, h4, p {
		font-family: Verdana, Arial, sans-serif;
		margin: 0 0 0.25em;
		padding: 0 20px 0 20px;
	}
	
	h1, h2, h3 {
		letter-spacing:1px;
	}

	h1 {
		font-size:18pt;
	}
	h2 {
		font-size:16pt;
	}
	h3 {
		font-size:13pt;
	}
	h4 {
		font-size:12pt;
		font-weight:bold;
		padding: 0 0 0 20px;
	}
	p {
		padding-bottom:0px;
		padding-top:0px;
		line-height: 1.5em;
		margin: 0 0 0.8em;
		font-size:12pt;
	}
	p.right {
		text-align:right;
	}
	p.small {
		font-size:9pt;
	}
	p.more {
		text-align:right;
		font-size:8pt;
		padding:0 20px 0 0;	
	}
	.more a.more-link {
		background: none repeat scroll 0 0 orange;
		-webkit-border-radius: 25px 25px 25px 25px;
		-moz-border-radius: 25px 25px 25px 25px;
		border-radius: 25px 25px 25px 25px;
		color: #FFFFFF;
		/*float: left;*/
		/*font-size: 0.9em;*/
		font-weight: bold;
		margin: 0 0;
		padding: 2px 5px;
		position: relative;
		text-transform: uppercase;
		transition: all 0.3s ease-in-out 0s;
		behavior: url(../CSS/PIE/PIE.htc);
	}
	p.col-right-header{
		font-size:7pt;
		color:darkblue;
	}
	.date:before {
		content:url(images/DateIcon.png)" "; 
	}
	.author:before {
		content:url(images/AuthorIcon.png)" "; 
	}
	p.col-right {
		font-size:8pt;
		padding: 0 20px 0 20px;
	}

	.sep-1 {
		background-color:darkgrey;
		color:darkgrey;
		height:1px;
		margin: 10px 20px 10px 20px;
		border:none;
		padding: 0;
	}
/* -----------------------------  Links  ------------------------------------- */
	a.right {float:right;}
	
	a {outline:none;border:0px;text-decoration:none;color:darkred;font-family: Arial, Helvetica, sans-serif;}
	a:link {color: black;}		
	a:hover {
		color: black;
		background: none;
		text-decoration:none;
		outline: none;
	}		
	a:visited, a:active, a:focus {
		background: white;
		color: black;
		outline: none;
	}	
/*----------------------------- textlink --      ------------------------------*/
a.textlink {outline:none;border:0px;text-decoration:none;color:darkred;background-color:transparent;font-family: Arial, Helvetica, sans-serif;}
	a.textlink:link {outline:none;border:0px;text-decoration:none;color:darkred;background-color:transparent;font-family: Arial, Helvetica, sans-serif;}
	a.textlink:hover {outline:none;border:0px;text-decoration:none;color:red;background-color:transparent;font-family: Arial, Helvetica, sans-serif;}
	a.textlink:visited, a.textlink:active, a.textling:focus {outline:none;border:0px;text-decoration:underline;color:red;background-color:transparent;font-family: Arial, Helvetica, sans-serif;}
/*----------------------------- Menu-main --------------------------------*/
#menu-main a {
	font-size:16px;
	border: 0px solid black;
	margin-right:1px;
	background-color:darkred;
	color:white;
    border-right: 1px solid white;
    display: block;
    float: left;
    height: auto;
    padding: 4px 15px 4px;
}
#menu-main a:link {
	background: url("images/bg_menu-main.jpg") top left repeat-x;
}
#menu-main a:hover {
	background: url("") orange;
	outline:none;
}
#menu-main a:focus, #menu-main a:link.act {
	background: url("") orange;
	outline:none;
}
#menu-main a.language {
	margin-right:1px;
    border-right: 0px solid white;
    float: right;
    padding: 4px 5px 4px;
}

/*----------------------------- Menu-vertical --------------------------------*/
#menu-vertical a {
	font-size:16px;
	border: 0px solid black;
	border-bottom: 0px dotted grey;
	margin:3px 20px;
	background-color:orange;
	color:black;
    border-left: 4px solid darkred;
    display: block;
    height: auto;
    padding: 4px 15px 4px;
}
#menu-vertical a:link {
	background: orange; /*url("../images/Pfeil2.ico") 0px 5px no-repeat;*/
}
#menu-vertical a:hover {
	background: url("../images/Pfeil.ico") 0px 5px no-repeat orange;
	outline:none;
}
#menu-vertical a:focus, #menu-vertical a:active, #menu-vertical a:link.act {
	background: url("../images/Pfeil2.ico") 0px 5px no-repeat orange;
	outline:none;
}

	/* Externe Links mit vorangestellter Grafik  */
	a.extern:link {
		background: url(../images/ico_extern.gif) no-repeat;
		padding: 0 0 0 16px;
	}
	a.extern:visited {
		background: url(../images/ico_extern.gif) no-repeat;
		padding: 0 0 0 16px;
	}
	a.extern:hover, a.extern:active, a.extern:focus {
		background: url(images/ico_extern.gif) no-repeat;
		padding: 0 0 0 16px;
	}

.p-table {
	width:840px;
	border: 0 none;
}	

tbody td {
	padding: 2px;
	border: 0 none;
	font-family: Verdana, Arial, sans-serif;
}

.boxstyle-red {
    border: 3px solid darkred;
    margin: 10px 20px 0 20px;
	width:95%;
}	
.boxstyle-red2 {
    border: 3px solid darkred;
    margin: 10px 20px 0 20px;
	width:88%;
	background: orange;
}	

.donate {
	position: relative;
	left: 40px;
	top:0px;
	width:141px;
	border:0px dotted black;
}
a.donate-button {
	background: transparent url("../images/btn_3_001.gif") no-repeat center center;
    color: lightgray;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 33px;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 165px;
	margin: 0px 0 0 0px;
}
a:hover.donate-button {
	/*background: #fff url("../images/btn_3_001.gif") center center no-repeat;*/
    color: darkgray;
}

.center {text-align:center;}
.small {font-size:70%;}

.boxstyle-1 {
	background-color: #eee; 
	font-size:11pt;
	padding:15px;
	text-align:center;
	border: 3px solid darkblue;
	border-radius: 10px;
	behavior: url(../CSS/PIE/PIE.htc);
}

.grid-row {
	position:relative;
	width:100%;
	height:220px;
	border: 0px solid green;
	padding: 0 12px;
}
.grid-col {
	float:left;
	width:30%;
	height:auto;
	border: 0px solid red;
	margin: 1%;
	padding:0;
}
.img-caption {
	background-color:#aaaacc; 
	font-size: 14px; 
	font-weight:bold;
	text-align:center;
	border: 1px solid gray;
	border-top: 0;
}	
.grid2-row {
	clear: both;
	position:relative;
	width:100%;
	height:auto;
	border: 0px solid green;

}
.pic-left {
	float: left;
	margin: 20px 0 10px 0;
}
.pic-right {
	float: right;
	margin: 20px 0 10px 0;
}