/* Farbe der Posaune: #ff8c00; */

body 
{
 	background-color:				#8b0000;	/* darkred */
 	FONT-SIZE:						small;
 	COLOR:							#400000;
    font-family: 					Tahoma,Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

P {
	margin-top:						0px;
	LINE-HEIGHT:					1.5em;
	TEXT-ALIGN:						justify;
	margin-right:					8px;
}

A {
	TEXT-DECORATION:				none;
	COLOR:							#a52a2a;
}

A:hover {
	TEXT-DECORATION:				underline;
}

IMG {
	border:							0;
}

PRE {
	text-align:						left; 
	background:						silver; 
	border:							1px solid black; 
	padding:						3px;
	margin:							8px;
}

LI {
	padding-bottom:					5px;
}

SPAN.so5 {
	font-style:						italic;
}

SPAN.error {
	font-weight:					bold;
	color:							red;
}

DIV#page {
	width:							760px;
	margin:							0px auto;
	text-align:						left;
	border:							1px solid #000000;
	BACKGROUND-COLOR:				#ffefd5;
	-moz-border-radius:				10px;
	-khtml-border-radius:			10px;
	BORDER-RADIUS:					10px;	/* Wenn demnaechst das mall im CSS 3 definiert ist und unterstuetzt wird. */

}

DIV#head {
	BACKGROUND:						#f5deb3;
	HEIGHT:							100px;
	-moz-border-radius-topleft:		10px;
	-khtml-border-radius-topleft:	10px;
	-moz-border-radius-topright:	10px;
	-khtml-border-radius-topright:	10px;
	position:relative;
	z-index:2;
	text-align:						center;
}

DIV#language{
	BACKGROUND:						#f5deb3;
	-moz-border-radius-topleft:		10px;
	-khtml-border-radius-topleft:	10px;
	-moz-border-radius-topright:	10px;
	-khtml-border-radius-topright:	10px;
	float:right;
	text-align:						right;
	vertical-align:					top;
	padding:						5px;
}

DIV#brkr {
	/*clear:							both;*/
	BACKGROUND:						#d2b48c;
	PADDING: 						3px;
}

DIV#menu {
	WIDTH:							145px;
	FLOAT:							left;
	LINE-HEIGHT:					18px;
	Z-INDEX:						2;
}

DIV#content {
	padding:						4px;
	MARGIN-LEFT:					153px;
	POSITION:						relative;
	Z-INDEX:						1;
}

DIV#contentPopup {
	padding:						4px;
	margin:							4px;
	POSITION:						relative;
	Z-INDEX:						1;
}

DIV#foot {
	CLEAR:							both;
	FONT-SIZE:						xx-small;
	BACKGROUND: 					#d2b48c;
	PADDING:						5px;
	-moz-border-radius-bottomleft:	10px;
	-khtml-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:	10px;
	-khtml-border-radius-bottomright:10px;
}

UL#navigation {
	list-style:						none;
	padding:						0;
	MARGIN: 						0;
	MARGIN-BOTTOM:					10px;
	border-bottom: 					1px solid gray;
	FONT-SIZE:						large;
}

UL#navigation li
{
	padding: 						0.25em;
	border-top: 					1px solid gray;
	WHITE-SPACE:					nowrap;
}

UL#navigation li:hover {
	BACKGROUND-COLOR:				#f5deb3;
}

UL#navigation li a {
	DISPLAY:						block;
}

UL#navigation li a:hover {
	TEXT-DECORATION:				none;
}

UL#navigation li.sub1 {
	FONT-SIZE:						small;
	PADDING-LEFT:					10px;
	BORDER-TOP:						0;
}

UL.noDecoration {
	LIST-STYLE:						none;
}

img.picture {
	margin:							10px;
	BORDER:							1px solid black;
	display:						block;
}

/* Fuer Großansichten von Bildern */
DIV.showPic {
	text-align:						center
}

img.showPic {
	width:							550px;
	position:						relative;
	top: -2px;
    left: -2px;
}

/* Rahmen fuer Bilder etc. */
div.shadow, div.shadow2, div.shadow3, div.shadow4, div.shadow5 {
   	padding: 1px;
  	border-radius: 10px;
   	-moz-border-radius: 10px;
   	margin: 0px;
}

div.shadow {
   background-color: #d2b48c;
   border: 1px solid #d8ba96;
}
div.shadow2 {
   background-color: #dec1a1;
   border: 1px solid #e4c8a8;
}
div.shadow3 {
   background-color: #e8cfaf;
   border: 1px solid #edd7b7;
}
div.shadow4 {
   background-color: #f3dfc2;
   border: 1px solid #f8e7cc;
}
div.shadow5 {
   width: 570px;
   background-color: #ffefd5;
   border: 1px solid #ffefd5;
   margin: 5px 7px;
}

/* Bildergalerien */

div.picGalerie {
	width:33%; 
	text-align:center;
}

div.picGalerie a div.shadow5 {
    width: 185px;
    background-color: #ffefd5;
    border: 1px solid #ffefd5;
    /*margin: 5px 7px;*/
}

div.picGalerie div.shadow5 img {
    border: 1px solid #666;
    margin: -2px;
    /*display:block;*/
    position: relative;
    top: +3px;
    left: -3px;
    max-width:	170px;
	max-height:	120px;
}

div.picGalerie2 {
	border:							1px solid #d2b48c;
	width:							30%; 
	margin:							3px;
	text-align:						center;
	width:							190px;
	height:							180px;
}

div.picGalerie2 img {
	max-width:	170px;
	max-height:	120px;
	margin:							4px;
}

img.portrait {
	MARGIN:							10px;
	border:							1px solid black;
	WIDTH:							175px;
	/*HEIGHT:							175px;*/
}

DIV#news {
	border:							1px solid black;
	background-color:				#f5deb3;
	width:							140px;
	float:							right;
	padding:						0px;
	margin:							0px 0px 5px 0px;
}

DIV#news p#newsHead {
	background-color:				#ff8c00;
	padding:						4px;
	margin:							0;
	font-weight:					bold;
}

DIV#news p {
	padding:						4px;
	margin:							0px;
	padding-bottom:					0px;
	text-align:						left;
}

DIV#news ul {
	PADDING-LEFT:					20px;
}

DIV.imgCopyright {
	text-align:						center;
	font-size:						xx-small;
	margin:							5px;
	padding:						3px;
	border:							1px solid #d2b48c;
	display: inline-block;
}

DIV.imgCopyright:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html DIV.imgCopyright {height: 1%;}
DIV.imgCopyright {display: block;}
/* End hide from IE-mac */

DIV.imgCopyright img {
	width:							120px;
}

IMG.miniPortrait {
	width:							29px;
	/*height:							39px;*/
	border:							0;
}
