/* Screen layout: */

/************************** Body and main container *****************************/
body {
	margin:0 auto;
	padding:0;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	background:#000000 url(img/background.jpg) top center repeat-y fixed;

	/*****  the next line is the old version (no joker on the left); *****/
	/*****  background:#f4f4f4 url(img/background.jpg) top center repeat-y; *****/
	color:#666;

	/***** overflow:scroll; dieser Zusatz erzwingt Scrollbalken (evtl. für Firefox notwendig)                                          *****/
}

/***** notwenig für Darstellung bei Firefox, da sonst die Zentrierung springt **************/
html[xmlns] {
	height : 100%; 
	padding-bottom : 0.005em; 
}
/*** END notwenig für Darstellung bei Firefox, da sonst die Zentrierung springt ************/

#wrap {
	background:#000000 url(img/middleback.jpg) top center repeat-y fixed;
	color:#cccccc;
	margin:0 auto;
	width:760px;
}

/******************** Various tags ************************/

#picture_opacity a {background-color:transparent}

#picture_opacity a:visited {background-color:transparent}; 
#picture_opacity a:visited img, #picture_opacity a img{filter: alpha(opacity=80);border:1px solid black;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8;
#picture_opacity a:hover {background-color:transparent}
}
#picture_opacity a:hover img { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:0.99;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#cccccc;
	background-color:inherit;
}

a:hover {
	text-decoration:underline;
	color:#cccccc;
	background-color:inherit;
}

a img {
	border:0;
}

/************ new ************************/
p {
margin:0 0 1.4em 0;
}



Header 
#header {
	margin:10px 0 0;
	padding:0;
	height:45px;
}

#header h1 {
	color:#cccccc;
	background-color:inherit;
	width:250px;
	margin:0 0 10px;
	font-size:2.2em;
	float:left;
}

#header h1 a{
	color:#96ddf8;
	background-color:inherit;
	text-decoration:none;
}

#header p {
	width:500px;
	float:right;
	text-align:center;
	color:#cccccc;
	margin:8px 0 0;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.3em;
	background-color:inherit;
}

#frontphoto {
	margin:0 0 10px;
	border:0;
}

/********************** horizontal line (text divider) **********************/
hr {
	width:50%;
  	color:#cccccc;
  	background-color:#000;
  	height:1px;
  	text-align:center;
}

/************************* Left sidebar *************************/
#leftside {
	clear:left;
	float:left;
	width:140px;
	margin:0 0 5px;
	padding:0;
}

#leftside h3 {
	color:#cccccc;
	background-color:inherit;
	font-size:1.3em;
	margin:0 0 5px;
	padding:0;
}

#leftside h2 {
	color:#cccccc;
	background-color:inherit;
	font-size:1.3em;
	margin:0 0 5px;
	padding:0;
}

#leftside div.announce {
	clear:left;
	margin:10px 0 15px;
	padding:7px 5px;
	width:126px;
	font-size:0.9em;
	background-color:#000033;
	color:#96ddf8;
	border-left:4px solid #cccccc;
	line-height:1.5em;
}

#leftside div.announce p {
	margin:10px 0 0;
	padding:0;
}

/***** Main menu *****/
ul.avmenu {
	width:140px;
	margin:0 0 18px;
	padding:0;
	list-style:none;
}

ul.avmenu li {
	width:140px;
	padding:0;
	line-height:1.4em;
	display:inline;
}

ul.avmenu li a {
	
	color:#cccccc;                /* Schriftfarbe im Menü*/
	font-weight:bold;
	width:130px;
	float:left;
	margin-bottom:5px;
	padding:5px 1px 5px 5px;
	border-left:4px solid #000000;    /* linker Balken */
	text-decoration:none;
}

ul.avmenu li a.current {

	border-left:4px solid #cccccc;
	color:#cccccc;
}

ul.avmenu li a:hover {

	border-left:4px solid #cccccc;
	color:#cccccc;
}

ul.avmenu ul {
	margin:0 0 0 15px;
	padding:0 0 5px 0;
	font-size:0.9em;
	width:125px;
}

ul.avmenu ul a {
	padding:3px 1px 3px 5px;
	width:115px;
/************ new ************************/
	font-weight:normal;
}

ul.avmenu ul ul {
	width:113px;
}

ul.avmenu ul ul a {
	width:100px;
}

/******************************* Right sidebar ***************************/
#extras {
	float:right;
	width:140px;
	margin:0 0 5px;
	padding:0;
	line-height:1.4em;
}

#extras ul {
	font-size:0.9em;
	margin:0 0 16px;
	padding:0;
}

#extras p {
	font-size:0.9em;
	margin:0 0 16px;
	padding:0;
}

#extras li {
	list-style:none;
	line-height:1.2em;
	margin:0 0 6px 0;
	padding:0;
}

#extras ul ul {
	margin:6px 0 0 10px;
	padding:0;
}

#extras ul ul li {
	margin: 0 0 4px 0;
}

#extras ul ul li a {
	font-size:1.1em;
	font-weight:normal;
}

#extras h3 {
	color:#666;
	background-color:inherit;
	font-size:1.2em;
	margin:0 0 10px;
	padding:0;
}

#extras h2 {
	color:#666;
	background-color:inherit;
	font-size:1.2em;
	margin:0 0 10px;
	padding:0;
}

/********************** Main content **********************************/
#content {
	margin:0 150px 5px 150px;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	padding:0 10px;
	line-height:1.6em;
}

#contentwide {
	margin:0 0 5px 150px;
	border-left:1px solid #f0f0f0;
	padding:0 0 0 10px;
	line-height:1.6em;
}

#extras h4 {
	font-size:1.6em;
	margin:0 0 10px;
}

#contentwide h2 {
	font-size:1.6em;
	margin:0 0 10px;
}

#content h2 {
	font-size:1.6em;
	margin:0 0 10px;
}

#contentwide h3 {
	font-size:1.4em;
	margin:0 0 8px;
}

#content h3 {
	font-size:1.4em;
	margin:0 0 8px;
}

#contentwide h4 {
	font-size:1.2em;
}

#content h4 {
	font-size:1.2em;
}

#contentwide img {
	padding:0px;
	display:inline;
/********************************	background:#cccccc;         ******************/
	color:#303030;
	border:0px solid #f0f0f0;
}

#content img {
	padding:0px;
	display:inline;
	background:#cccccc;
	color:#303030;
	border:0px solid #f0f0f0;
}

#contentwide ol {
	margin:0 0 16px 20px;
	padding:0;
}

#content ol {
	margin:0 0 16px 20px;
	padding:0;
}

#contentwide ul {
	margin:0 0 16px 20px;
	padding:0;
}

#content ul {
	margin:0 0 16px 20px;
	padding:0;
}

#contentwide li {
	margin:0;
	padding:0 0 0 5px;
}

#content li {
	margin:0;
	padding:0 0 0 5px;
}

#contentwide ol ol{
	margin:0 0 0 16px;
	padding:0;
}

#content ol ol{
	margin:0 0 0 16px;
	padding:0;
}

#contentwide ul ul{
	margin:0 0 0 16px;
	padding:0;
}

#content ul ul{
	margin:0 0 0 16px;
	padding:0;
}

/***************************** Footer *********************************/
#footer {
	clear:both;
	margin:0 auto;
	padding:10px 0 20px;
	border-top:4px solid #f0f0f0;
	width:760px;
	text-align:center;
	color:#808080;
	background:#ffffff;
	font-size:0.9em;

}

#footer a {
	color:#808080;
	background-color:inherit;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover {
	text-decoration:underline;
	color:#0560a6;
	font-weight:normal;
}

#footer img {
	vertical-align: bottom;
}

/************************ Various classes ************************/

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

.left {
	margin:3px 10px 2px 0;
	float:left;
}

.right {
	margin:2px 0 2px 10px;
	float:right;
}

.textright {
	text-align:right;
}

.justify {
	text-align:justify
}

.center {
	text-align:center;
}

.small {
	font-size:0.9em;
}

.bold {
	font-weight:bold;
}

.hide {
	display:none;
}

.textform { 
 font-size: 10px; 
 text-align:center;
 background-color: #ddd; 
 border: 1px solid #666666; 
}